@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
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;
}

html {
  font: 62.5%/1.5 "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
  color: #555;
  -webkit-text-size-adjust: 100%;
}

body {
  background: #000000;
}

.outline {
  overflow: hidden;
}

@media all and (min-width: 721px) {
  .outline {
    font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 200;
    font-size: 16px;
    font-size: 1.6rem;
  }

  .showSp {
    display: none !important;
  }
}
@media all and (max-width: 720px) {
  .outline {
    font-size: 14px;
    font-size: 1.4rem;
  }

  .showPc {
    display: none !important;
  }
}
@media all and (min-width: 721px) {
  .outline > .o-header {
    margin-top: 55px;
    position: relative;
    min-height: 201px;
  }
  .outline > .o-header > .o-header-inner {
    position: relative;
    width: 1000px;
    margin: auto;
    z-index: 10;
  }
  .outline > .o-header > .o-header-inner .logo {
    position: absolute;
    top: -55px;
    left: 0;
    z-index: 10;
    width: 250px;
  }
  .outline > .o-header > .o-header-inner .sns > ul {
    width: auto;
    position: absolute;
    top: -40px;
    right: 0px;
  }
  .outline > .o-body {
    padding: 0;
  }
  .outline > .o-body > .o-body-inner {
    width: 1000px;
    margin: 0 auto;
  }
  .outline > .o-body > .o-body-inner > .o-main {
    *zoom: 1;
    padding: 60px 0 50px;
  }
  .outline > .o-body > .o-body-inner > .o-main:after {
    content: '';
    display: table;
    clear: both;
  }
  .outline > .o-body > .o-body-inner > .o-aside {
    padding-top: 50px;
  }
  .outline > .o-body > .o-body-inner > .o-aside .sns {
    position: relative;
  }
  .outline > .o-body > .o-body-inner > .o-aside .sns ul {
    width: auto;
    position: absolute;
    right: 0px;
    top: 78px;
  }
  .outline > .o-body > .o-body-inner > .o-aside .sns ul li {
    text-align: left;
  }
  .outline > .o-footer {
    position: relative;
  }
  .outline > .o-footer:after {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    background: url(/common/images/fotterBdr-top.png) no-repeat center 0;
    width: 100%;
    height: 2px;
  }
  .outline > .o-footer > .o-footer-inner {
    position: relative;
    width: 1000px;
    margin: auto;
    padding-top: 34px;
  }
  .outline > .o-footer > .o-footer-inner .links {
    line-height: 1em;
    margin: 0 0 5px;
  }
  .outline > .o-footer > .o-footer-inner .links li {
    display: inline-block;
    margin: 0 10px;
  }
  .outline > .o-footer > .o-footer-inner .links li a {
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 12px;
  }
  .outline > .o-footer > .o-footer-inner .links li.official a {
    width: 257px;
    background: url(/common/images/footerLink-official.png) no-repeat;
  }
  .outline > .o-footer > .o-footer-inner .links li.dsc a {
    width: 168px;
    background: url(/common/images/footerLink-dsc.png) no-repeat;
  }
  .outline > .o-footer > .o-footer-inner .links li.twitter a {
    width: 233px;
    background: url(/common/images/footerLink-twitter.png) no-repeat;
  }
  .outline > .o-footer > .o-footer-inner .company {
    padding-top: 33px;
    text-align: center;
  }
  .outline > .o-footer > .o-footer-inner .copyright {
    font-size: 10px;
    font-size: 1rem;
    text-align: center;
    line-height: 1.7em;
    padding-top: 28px;
    padding-bottom: 30px;
    color: #ffffff;
  }
  .outline > .o-footer > .o-footer-inner .copyright span {
    display: block;
    margin-top: 20px;
  }
}
@media all and (max-width: 720px) {
  .outline > .o-header > .o-header-inner .sns {
    display: none;
  }
  .outline > .o-body {
    background: url(/common/images/bg-sp.png) repeat-y center top;
    background-size: 100% auto;
  }
  .outline > .o-body > .o-body-inner > .o-main {
    padding: 20px;
  }
  .outline > .o-body > .o-body-inner > .o-aside .sns {
    background: #000;
    padding: 15px 12px;
  }
  .outline > .o-footer > .o-footer-inner .links {
    padding: 0 12px;
    border-top: 1px solid #ffffff;
    line-height: 1em;
  }
  .outline > .o-footer > .o-footer-inner .links li {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .outline > .o-footer > .o-footer-inner .links li a {
    display: block;
    padding: 10px 0;
    text-decoration: none;
    color: #ffffff;
  }
  .outline > .o-footer > .o-footer-inner .company {
    padding: 9px 12px 0;
  }
  .outline > .o-footer > .o-footer-inner .copyright {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.7em;
    padding: 15px 12px 30px;
    color: #ffffff;
  }
  .outline > .o-footer > .o-footer-inner .copyright > span {
    display: block;
    margin-top: 8px;
  }
}
@media all and (min-width: 721px) {
  .ex-global > .sub-menuButton {
    display: none;
  }
  .ex-global > .mod-nav {
    position: absolute;
    top: 4px;
    right: 0;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem {
    display: inline-block;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem:first-child {
    border-left: 0px;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem.top {
    display: none;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem.no1 a {
    background: url('../../common/images/spritePc.png') 0 -3268px no-repeat;
    display: inline-block;
    width: 208px;
    height: 60px;
    padding-top: 60px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem.no1 a:hover {
    background: url('../../common/images/spritePc.png') 0 -3198px no-repeat;
    display: inline-block;
    width: 208px;
    height: 60px;
    padding-top: 60px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem.no2 a {
    background: url('../../common/images/spritePc.png') 0 -3408px no-repeat;
    display: inline-block;
    width: 281px;
    height: 60px;
    padding-top: 60px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem.no2 a:hover {
    background: url('../../common/images/spritePc.png') 0 -3338px no-repeat;
    display: inline-block;
    width: 281px;
    height: 60px;
    padding-top: 60px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem.no3 a {
    background: url('../../common/images/spritePc.png') 0 -3548px no-repeat;
    display: inline-block;
    width: 157px;
    height: 60px;
    padding-top: 60px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem.no3 a:hover {
    background: url('../../common/images/spritePc.png') 0 -3478px no-repeat;
    display: inline-block;
    width: 157px;
    height: 60px;
    padding-top: 60px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem.no4 a {
    background: url('../../common/images/spritePc.png') 0 -3688px no-repeat;
    display: inline-block;
    width: 144px;
    height: 60px;
    padding-top: 60px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem.no4 a:hover {
    background: url('../../common/images/spritePc.png') 0 -3618px no-repeat;
    display: inline-block;
    width: 144px;
    height: 60px;
    padding-top: 60px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem > .sub-ul {
    display: none;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem > .sub-ul > .sub-li .sub-underLayer {
    display: none;
  }

  #top .ex-global > .sub-menuButton {
    display: none;
  }
  #top .ex-global > .mod-nav {
    position: absolute;
    top: 4px;
    right: 0;
  }
  #top .ex-global > .mod-nav > .sub-global > .sub-globalItem {
    display: inline-block;
  }
  #top .ex-global > .mod-nav > .sub-global > .sub-globalItem:first-child {
    border-left: 0px;
  }
  #top .ex-global > .mod-nav > .sub-global > .sub-globalItem.top {
    display: none;
  }
  #top .ex-global > .mod-nav > .sub-global > .sub-globalItem.no1 a {
    background: url('../../common/images/spritePc.png') 0 -4790px no-repeat;
    display: inline-block;
    width: 272px;
    height: 60px;
    padding-top: 60px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #top .ex-global > .mod-nav > .sub-global > .sub-globalItem.no1 a:hover {
    background: url('../../common/images/spritePc.png') 0 -4720px no-repeat;
    display: inline-block;
    width: 272px;
    height: 60px;
    padding-top: 60px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #top .ex-global > .mod-nav > .sub-global > .sub-globalItem.no2 a {
    background: url('../../common/images/spritePc.png') 0 -4930px no-repeat;
    display: inline-block;
    width: 291px;
    height: 60px;
    padding-top: 60px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #top .ex-global > .mod-nav > .sub-global > .sub-globalItem.no2 a:hover {
    background: url('../../common/images/spritePc.png') 0 -4860px no-repeat;
    display: inline-block;
    width: 291px;
    height: 60px;
    padding-top: 60px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #top .ex-global > .mod-nav > .sub-global > .sub-globalItem.no3 a {
    background: url('../../common/images/spritePc.png') 0 -5070px no-repeat;
    display: inline-block;
    width: 216px;
    height: 60px;
    padding-top: 60px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #top .ex-global > .mod-nav > .sub-global > .sub-globalItem.no3 a:hover {
    background: url('../../common/images/spritePc.png') 0 -5000px no-repeat;
    display: inline-block;
    width: 216px;
    height: 60px;
    padding-top: 60px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #top .ex-global > .mod-nav > .sub-global > .sub-globalItem.no4 a {
    background: url('../../common/images/spritePc.png') 0 -5210px no-repeat;
    display: inline-block;
    width: 221px;
    height: 60px;
    padding-top: 60px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #top .ex-global > .mod-nav > .sub-global > .sub-globalItem.no4 a:hover {
    background: url('../../common/images/spritePc.png') 0 -5140px no-repeat;
    display: inline-block;
    width: 221px;
    height: 60px;
    padding-top: 60px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #top .ex-global > .mod-nav > .sub-global > .sub-globalItem > .sub-ul {
    display: none;
  }
  #top .ex-global > .mod-nav > .sub-global > .sub-globalItem > .sub-ul > .sub-li .sub-underLayer {
    display: none;
  }

  .o-nav > .sub-menuButton {
    display: none;
  }
  .o-nav > .mod-nav > .sub-global > .sub-globalItem {
    display: none;
  }
  .o-nav > .mod-nav > .sub-global > .sub-globalItem > .sub-inner {
    display: none;
  }
  .o-nav > .mod-nav > .sub-global > .sub-globalItem > .sub-ul > .sub-li .sub-underLayer {
    padding-left: 10px;
    display: none;
  }
  .o-nav > .mod-nav > .sub-global > .sub-globalItem > .sub-ul > .sub-li .sub-underLayer > .sub-li {
    border-top: 1px solid #ccc;
  }
}
@media all and (max-width: 720px) {
  .o-nav {
    display: none;
  }

  .ex-global {
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
  }
  .ex-global > .sub-bg {
    display: block;
    width: 100%;
    height: 0px;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: -1;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 500ms;
    transition-timing-function: ease-out;
    transition-property: height;
    transition-duration: 500ms;
    transition-timing-function: ease-in;
  }
  .ex-global > .sub-menuButton {
    position: absolute;
    top: 0px;
    right: 10px;
    z-index: 2;
    display: block;
    width: 50px;
    height: 0;
    padding-top: 46px;
    overflow: hidden;
    background: url(/common/images/menu.png) no-repeat 0 0;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  .ex-global > .mod-nav {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #072144;
    height: 0;
    overflow: hidden;
    transition-property: height;
    transition-duration: 500ms;
    transition-timing-function: ease-out;
  }
  .ex-global > .mod-nav > .sub-global {
    padding: 5px 0 10px;
    border-bottom: 1px solid #114c9e;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem {
    display: block;
    padding: 0px 10px;
    opacity: 1;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem:first-child {
    margin-top: 0;
    border-left: 0px;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem:first-child:before {
    content: normal;
    display: none;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem:before {
    content: '';
    display: inline-block;
    background: url(/common/images/line-gnav.png) no-repeat center 0;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    width: 100%;
    height: 1px;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem.top span {
    background: url("/common/images/gnav_top.png") no-repeat center 0;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    display: inline-block;
    width: 185px;
    height: 15px;
    padding-top: 15px;
    overflow: hidden;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem.no1 span {
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background: url("/common/images/gnav_01.png") no-repeat center 0;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    display: inline-block;
    width: 185px;
    height: 15px;
    padding-top: 15px;
    overflow: hidden;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem.no2 span {
    background: url("/common/images/gnav_02.png") no-repeat center 0;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    display: inline-block;
    width: 185px;
    height: 15px;
    padding-top: 15px;
    overflow: hidden;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem.no3 span {
    background: url("/common/images/gnav_03.png") no-repeat center 0;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    display: inline-block;
    width: 185px;
    height: 15px;
    padding-top: 15px;
    overflow: hidden;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem.no4 span {
    background: url("/common/images/gnav_04.png") no-repeat center 0;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    display: inline-block;
    width: 185px;
    height: 15px;
    padding-top: 15px;
    overflow: hidden;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem .sub-inner > a {
    display: block;
    padding: 15px 0 3px;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem > .sub-ul {
    padding-left: 1em;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem > .sub-ul > .sub-li .sub-underLayer {
    display: none;
  }
  .ex-global > .mod-nav > .sub-global > .sub-globalItem a {
    color: #ffffff;
    text-decoration: none;
  }
  .ex-global.isOpen > .sub-bg {
    height: 1000px;
    opacity: 1;
  }
  .ex-global.isOpen .mod-nav {
    display: block;
  }
  .ex-global.isOpen .sub-menuButton {
    background: url(/common/images/menu_open.png) no-repeat 0 0;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    top: auto;
    bottom: -45px;
  }

  .logo {
    max-width: 150px;
    position: absolute;
  }
}
@font-face {
  font-family: 'icon';
  src: url("fonts/icon.eot?-sctq16");
  src: url("fonts/icon.eot?#iefix-sctq16") format("embedded-opentype"), url("fonts/icon.ttf?-sctq16") format("truetype"), url("fonts/icon.woff?-sctq16") format("woff"), url("fonts/icon.svg?-sctq16#icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
sup {
  vertical-align: super;
  font-size: xx-small;
}

sub {
  vertical-align: sub;
  font-size: xx-small;
}

.mod-heading {
  font-weight: bold;
}

.mod-para {
  margin-bottom: 1em;
}
.mod-para:last-child {
  margin-bottom: 0;
}
.mod-para.-lead {
  font-weight: bold;
  font-size: larger;
}
@media all and (min-width: 721px) {
  .mod-para.-lead {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media all and (max-width: 720px) {
  .mod-para.-lead {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.mod-para.-white {
  color: #fff;
}

@media all and (min-width: 721px) {
  .mod-para.-lead.-white {
    text-align: center;
  }
}
a {
  text-decoration: underline;
  color: #001024;
}
a:hover {
  text-decoration: none;
  cursor: pointer;
}
a[target="_blank"]:after {
  font-family: 'icon';
  content: "\e600";
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
}
a.st-noicon[target="_blank"]:after {
  display: none;
}
a img {
  vertical-align: middle;
}

.slick-slide a[target="_blank"]:after {
  display: none;
}

.mod-caption {
  font-size: smaller;
  margin-top: 5px;
}

.st-bold {
  font-weight: bold;
}

.st-strong {
  font-weight: bold;
  color: #A00;
}

.st-accent {
  color: #BF62EB;
}

.st-accent1 {
  color: #7bffff;
}

.st-accent2 {
  color: #ffce00;
}

.st-attention {
  color: #A00;
}

.st-fsSmall {
  font-size: 14px;
  font-size: 1.4rem;
}

@media all and (max-width: 720px) {
  .-fs14Sp {
    font-size: 14px;
    font-size: 1.4rem;
  }

  .ex-fontS {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.mod-section {
  margin: 20px 0;
}
.mod-section:first-child {
  margin-top: 0;
}
.mod-section:last-child {
  margin-bottom: 0;
}

@media all and (min-width: 721px) {
  .mod-section {
    width: 940px;
    margin: 20px auto 0;
  }
  .mod-section.-box {
    width: 1000px;
  }
}
@media all and (max-width: 720px) {
  .mod-section.-box {
    padding: 1em 0 0;
  }
  .mod-section > .mod-section-inner {
    padding: 0 15px;
  }
}
.mod-button {
  display: inline-block;
  background: url(/common/images/bg-button.png) no-repeat 0 0;
  position: relative;
  min-width: 460px;
  height: 60px;
}
.mod-button > .sub-a {
  display: block;
  padding: 1em 20px;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #000 !important;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  box-sizing: border-box;
}
.mod-button > .sub-a:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 21px;
  margin-top: -9px;
  background: url(/common/images/icon-arrow.png) no-repeat 0 0;
  width: 12px;
  height: 18px;
}
.mod-button:hover {
  background: url(/common/images/bg-button-on.png) no-repeat 0 0;
}
.mod-button:active {
  position: relative;
  top: 1px;
}
.mod-button.-wide {
  display: block;
}
.mod-button.-large > .sub-a {
  padding: 20px;
  font-size: larger;
}

.ex-button {
  margin-top: 30px;
  text-align: center;
}

@media all and (min-width: 721px) {
  .ex-return {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #0474d3;
    text-align: center;
  }
  .ex-return a {
    display: block;
    width: 100%;
    height: 50px;
    background: #001629;
    text-align: center;
    padding-top: 10px;
    box-sizing: border-box;
  }
  .ex-return a > .sub-img {
    background: url('../../common/images/spritePc.png') 0 -24px no-repeat;
    display: inline-block;
    width: 97px;
    height: 14px;
    padding-top: 14px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  .ex-return a:hover > .sub-img {
    background: url('../../common/images/spritePc.png') 0 0 no-repeat;
    display: inline-block;
    width: 97px;
    height: 14px;
    padding-top: 14px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
}
@media all and (max-width: 720px) {
  .mod-button {
    position: relative;
    background: #e9e9e9;
    border-top: 2px solid #a5a9ab;
    border-bottom: 2px solid #a5a9ab;
    height: auto;
    min-width: 0;
  }
  .mod-button:before, .mod-button:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 2px;
    height: 100%;
    background: #a5a9ab;
    background: -moz-linear-gradient(top, #a5a9ab 0%, #ffffff 50%, #ffffff 51%, #a5a9ab 100%);
    background: -webkit-linear-gradient(top, #a5a9ab 0%, #ffffff 50%, #ffffff 51%, #a5a9ab 100%);
    background: linear-gradient(to bottom, #a5a9ab 0%, #ffffff 50%, #ffffff 51%, #a5a9ab 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5a9ab', endColorstr='#a5a9ab',GradientType=0 );
  }
  .mod-button:after {
    position: absolute;
    top: 0px;
    right: 0px;
    left: auto;
  }
  .mod-button > .sub-a {
    padding: 1.3em 35px 1.3em 20px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .mod-button:hover {
    position: relative;
    background: #e9e9e9;
    border-top: 2px solid #a5a9ab;
    border-bottom: 2px solid #a5a9ab;
    height: auto;
    min-width: 0;
  }

  .ex-return {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #0474d3;
    text-align: center;
  }
  .ex-return a {
    display: block;
    width: 100%;
    height: 50px;
    background: #001629;
    text-align: center;
    padding-top: 10px;
    box-sizing: border-box;
  }
  .ex-return a > .sub-img {
    display: block;
    padding-left: 12px;
    width: 72px;
  }
  .ex-return a > .sub-img img {
    width: 100%;
  }
}
@media all and (min-width: 721px) {
  .mod-pagetop {
    position: relative;
    display: none;
    z-index: 6;
  }

  .pagetop {
    position: fixed;
    bottom: 50px;
    right: 50px;
  }
  .pagetop a {
    background: url('../../common/images/spritePc.png') 0 -3930px no-repeat;
    display: inline-block;
    width: 78px;
    height: 78px;
    padding-top: 78px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  .pagetop a:hover {
    background: url('../../common/images/spritePc.png') 0 -3842px no-repeat;
    display: inline-block;
    width: 78px;
    height: 78px;
    padding-top: 78px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
}
@media all and (max-width: 720px) {
  .mod-pagetop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 6;
  }
  .mod-pagetop .pagetop a {
    margin-right: 3.90625%;
    display: inline-block;
    width: 45px;
  }
  .mod-pagetop .pagetop img {
    max-width: none;
    width: 100%;
  }
}
.btn_play {
  display: inline-block;
  position: relative;
}
.btn_play:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.btn_play:hover:before {
  opacity: 0.5;
}
@media all and (min-width: 721px) {
  .btn_play.-l:before {
    width: 81px;
    height: 81px;
    content: "";
    background: url(/common/images/btn_play_l.png);
  }
}
@media all and (max-width: 720px) {
  .btn_play.-l:before {
    width: 40px;
    height: 40px;
    content: "";
    background: url(/common/images/btn_play_l.png);
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
}

@media all and (min-width: 721px) {
  .btn_appstore {
    display: inline-block;
    width: 200px;
    margin-right: 10px;
  }

  .btn_googleplay {
    display: inline-block;
    width: 176px;
  }
  .btn_googleplay.one {
    width: 177px;
    margin: 5px 0 0 75px;
  }
  .btn_amazon {
    display: inline-block;
    width: 173px;
    margin-left: 10px;
  }
}
@media all and (max-width: 720px) {
  .btn_appstore {
    display: inline-block;
    width: 45%;
    margin-right: 10px;
    vertical-align: middle;
  }

  .btn_googleplay {
    display: inline-block;
    width: 38%;
    vertical-align: middle;
  }
  .btn_amazon {
    display: inline-block;
    width: 38.5%;
    vertical-align: middle;
    margin-left: 10px;
  }
}
.mod-pager {
  text-align: center;
  letter-spacing: -.222em;
  position: relative;
  display: table;
  width: 100%;
  z-index: 10;
}
.mod-pager > li {
  display: table-cell;
  letter-spacing: normal;
  font-weight: bold;
  padding-left: 2px;
  width: 45px;
}
.mod-pager > li > a, .mod-pager > li > span {
  display: block;
  padding: 0 20px;
  line-height: 1em;
  text-decoration: none;
  color: #ffffff !important;
  background: #001024;
  border: 1px solid #001024;
  box-sizing: border-box;
}
.mod-pager > li.current span {
  color: #00d5ff;
}
.mod-pager > li.sub-prev, .mod-pager > li.sub-next {
  width: auto;
}
.mod-pager > li.sub-prev > a, .mod-pager > li.sub-prev > span, .mod-pager > li.sub-next > a, .mod-pager > li.sub-next > span {
  display: block;
  background: #001024;
}

@media all and (min-width: 721px) {
  .mod-pager {
    margin-top: 30px;
    height: 50px;
  }
  .mod-pager > li {
    line-height: 50px;
  }
  .mod-pager > li > span {
    line-height: 48px;
  }
  .mod-pager > li > a {
    display: inline-block;
    line-height: 48px;
    box-sizing: border-box;
  }
  .mod-pager > li > a:hover {
    border: 1px solid #00d5ff;
    color: #00d5ff;
  }
  .mod-pager > li.sub-prev {
    text-align: left;
    padding-left: 20px;
  }
  .mod-pager > li.sub-prev * > span {
    background: url('../../common/images/spritePc.png') 0 -3821px no-repeat;
    display: inline-block;
    width: 68px;
    height: 11px;
    padding-top: 11px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  .mod-pager > li.sub-prev a:hover {
    border: 1px solid #001024;
  }
  .mod-pager > li.sub-prev a:hover span {
    background: url('../../common/images/spritePc.png') 0 -3800px no-repeat;
    display: inline-block;
    width: 68px;
    height: 11px;
    padding-top: 11px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  .mod-pager > li.sub-next {
    text-align: right;
    padding-right: 20px;
  }
  .mod-pager > li.sub-next * > span {
    background: url('../../common/images/spritePc.png') 0 -3779px no-repeat;
    display: inline-block;
    width: 76px;
    height: 11px;
    padding-top: 11px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  .mod-pager > li.sub-next a:hover {
    border: 1px solid #001024;
  }
  .mod-pager > li.sub-next a:hover span {
    background: url('../../common/images/spritePc.png') 0 -3758px no-repeat;
    display: inline-block;
    width: 76px;
    height: 11px;
    padding-top: 11px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
}
@media all and (max-width: 720px) {
  .mod-pager {
    margin-top: 15px;
  }
  .mod-pager > li {
    display: none;
  }
  .mod-pager > li.sub-prev, .mod-pager > li.sub-next {
    display: inline-block;
    width: 50%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .mod-pager > li.sub-prev > a, .mod-pager > li.sub-prev > span, .mod-pager > li.sub-next > a, .mod-pager > li.sub-next > span {
    display: block;
    padding: 15px 0;
  }
  .mod-pager > li.sub-prev {
    text-align: left;
    padding-right: 10px;
  }
  .mod-pager > li.sub-prev a {
    padding-left: 20px;
  }
  .mod-pager > li.sub-prev span {
    background: url('../../common/images/spriteSp.png') 0 -270px no-repeat;
    display: inline-block;
    width: 50px;
    height: 10px;
    padding-top: 10px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
    -moz-background-size: 400px auto;
    -o-background-size: 400px auto;
    -webkit-background-size: 400px auto;
    background-size: 400px auto;
  }
  .mod-pager > li.sub-next {
    padding-left: 10px;
    text-align: right;
  }
  .mod-pager > li.sub-next a {
    padding-right: 20px;
  }
  .mod-pager > li.sub-next span {
    background: url('../../common/images/spriteSp.png') 0 -255px no-repeat;
    display: inline-block;
    width: 47px;
    height: 10px;
    padding-top: 10px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
    -moz-background-size: 400px auto;
    -o-background-size: 400px auto;
    -webkit-background-size: 400px auto;
    background-size: 400px auto;
  }
}
img {
  vertical-align: top;
  max-width: 100%;
}

.mod-image {
  text-align: center;
}
.mod-image.-border {
  position: relative;
}
.mod-image.-border a[target="_blank"].blank-light {
  color: #fff;
}
.mod-image.-border a[target="_blank"].blank-dark {
  color: #000;
}
.mod-image.-border a[target="_blank"]:after {
  position: absolute;
  bottom: 0;
  right: 8px;
}
.mod-image.-border img {
  border: 1px solid #fff;
}

@media all and (max-width: 720px) {
  .mod-image.-spSmall img {
    width: 70%;
  }
}
.mod-list > .sub-li {
  *zoom: 1;
}
.mod-list > .sub-li:after {
  content: '';
  display: table;
  clear: both;
}
.mod-list > .sub-li > .sub-div {
  overflow: hidden;
}
.mod-list.-dot {
  margin-bottom: 20px;
}
.mod-list.-dot > li.sub-li {
  margin-left: 1em;
  list-style-type: none;
}
.mod-list.-dot > li.sub-li:before {
  content: '・';
  font-size: larger;
  font-weight: bold;
  margin-left: -1em;
  vertical-align: middle;
}
.mod-list.-dot > li.sub-li > .sub-div {
  display: inline;
}
.mod-list.-note > li.sub-li {
  margin-left: 1em;
  list-style-type: none;
}
.mod-list.-note > li.sub-li:before {
  content: '※';
  margin-left: -1em;
}
.mod-list.-note > li.sub-li > .sub-div {
  display: inline;
}
.mod-list.-num {
  counter-reset: olcount 0;
}
.mod-list.-num > li.sub-li {
  list-style-type: none;
}
.mod-list.-num > li.sub-li:before {
  content: counter(olcount,decimal) ". ";
  counter-increment: olcount 1;
  float: left;
}
.mod-list.-num > li.sub-li > .sub-div {
  display: block;
}
.mod-list.-num > li.sub-li > .sub-div .mod-list.-num > li.sub-li:before {
  content: "（" counter(olcount,decimal) "）";
}
.mod-list.-note.-num > li.sub-li:before {
  content: "※" counter(olcount,decimal) ". ";
}
.mod-list.-link > li.sub-li {
  list-style-type: none;
  margin-left: 1em;
}
.mod-list.-link > li.sub-li:before {
  font-family: 'icon';
  content: "\e601";
  vertical-align: middle;
  display: inline-block;
  margin-left: -1em;
}
.mod-list.-link > li.sub-li > .sub-div {
  display: inline-block;
  vertical-align: top;
}
.mod-list.-horizontal {
  margin-right: -3em;
}
.mod-list.-horizontal > li.sub-li {
  display: inline-block;
  margin-right: 3em;
}
.mod-list.-mark > li.sub-li {
  font-size: 14px;
  font-size: 1.4rem;
}
.mod-list.-mark > li.sub-li:first-child {
  margin-top: 0;
}
.mod-list.-mark > li.sub-li .sub-text:before {
  content: '';
  display: inline-block;
  background: url(/common/images/icon-link.png) no-repeat center 0;
  background-size: 100% auto;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  vertical-align: middle;
}
.mod-list.-mark a {
  color: #ffffff;
  text-decoration: none;
}
.mod-list.-info > li.sub-li, .mod-list.-date > li.sub-li {
  color: #ffffff;
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #0474d3;
  font-size: 14px;
  font-size: 1.4rem;
}
.mod-list.-info > li.sub-li:first-child, .mod-list.-date > li.sub-li:first-child {
  margin-top: 0;
}
.mod-list.-info > li.sub-li > div, .mod-list.-date > li.sub-li > div {
  overflow: hidden;
}
.mod-list.-info .sub-info, .mod-list.-date .sub-info {
  float: left;
  width: 210px;
}
.mod-list.-info .icon, .mod-list.-date .icon {
  display: inline-block;
  margin-left: 20px;
  width: 110px;
}
.mod-list.-info .sub-text, .mod-list.-date .sub-text {
  display: block;
  float: left;
  width: 630px;
}
.mod-list.-info .sub-text a, .mod-list.-date .sub-text a {
  display: inline-block;
  margin-left: 20px;
  color: #ffffff;
  text-decoration: underline;
}
.mod-list.-info .sub-text a:hover, .mod-list.-date .sub-text a:hover {
  text-decoration: none;
}
.mod-list.-info .sub-title, .mod-list.-date .sub-title {
  margin-top: 12px;
  margin-bottom: 10px;
  font-weight: bold;
}
@media all and (min-width: 721px) {
  .mod-list.-info .sub-title, .mod-list.-date .sub-title {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media all and (max-width: 720px) {
  .mod-list.-info .sub-title, .mod-list.-date .sub-title {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.mod-list.-info > li.sub-li {
  padding-bottom: 10px;
  border-bottom: none;
}
.mod-list.-ranking > li.sub-li {
  color: #ffffff;
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #0474d3;
  font-size: 14px;
  font-size: 1.4rem;
}
.mod-list.-ranking > li.sub-li:first-child {
  margin-top: 0;
}
.mod-list.-ranking > li.sub-li > div {
  display: table;
  position: relative;
  min-height: 40px;
  width: 100%;
}
.mod-list.-ranking > li.sub-li > div:before {
  display: table-cell;
  padding-right: 24px;
  background: url(/faq/images/bg-anchor-r.png) no-repeat 0 center;
  width: 30px;
  height: 34px;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  line-height: 34px;
}
.mod-list.-ranking > li.sub-li.no1 > div:before {
  content: '1';
}
.mod-list.-ranking > li.sub-li.no2 > div:before {
  content: '2';
}
.mod-list.-ranking > li.sub-li.no3 > div:before, .mod-list.-ranking > li.sub-li.no4 > div:before, .mod-list.-ranking > li.sub-li.no5 > div:before, .mod-list.-ranking > li.sub-li.no6 > div:before, .mod-list.-ranking > li.sub-li.no7 > div:before, .mod-list.-ranking > li.sub-li.no8 > div:before, .mod-list.-ranking > li.sub-li.no9 > div:before, .mod-list.-ranking > li.sub-li.no10 > div:before {
  content: '3';
  background: url(/faq/images/bg-anchor-b.png) no-repeat 0 center;
  vertical-align: middle;
  color: #f6c73c;
}
.mod-list.-ranking > li.sub-li.no4 > div:before {
  content: '4';
}
.mod-list.-ranking > li.sub-li.no5 > div:before {
  content: '5';
}
.mod-list.-ranking > li.sub-li.no6 > div:before {
  content: '6';
}
.mod-list.-ranking > li.sub-li.no7 > div:before {
  content: '7';
}
.mod-list.-ranking > li.sub-li.no8 > div:before {
  content: '8';
}
.mod-list.-ranking > li.sub-li.no9 > div:before {
  content: '9';
}
.mod-list.-ranking > li.sub-li.no10 > div:before {
  content: '10';
}
.mod-list.-ranking .sub-inner a {
  display: table-cell;
  vertical-align: middle;
  color: #ffffff;
  text-decoration: none;
}

@media all and (min-width: 721px) {
  .mod-list.-horizontalPc {
    margin-right: -3em;
  }
  .mod-list.-horizontalPc > li.sub-li {
    display: inline-block;
    margin-right: 3em;
  }

  .mod-list.-note > li.sub-li {
    font-size: smaller;
  }
}
@media all and (max-width: 720px) {
  .mod-list.-horizontalSp {
    margin-right: -3em;
  }
  .mod-list.-horizontalSp > li.sub-li {
    display: inline-block;
    margin-right: 3em;
  }

  .mod-list.-info > .sub-li {
    border-bottom: 1px solid #fff !important;
  }
}
.mod-dl.-horizontal {
  *zoom: 1;
}
.mod-dl.-horizontal:after {
  content: '';
  display: table;
  clear: both;
}
.mod-dl.-horizontal .sub-dt {
  float: left;
  margin-right: 10px;
}
.mod-dl.-horizontal .sub-dd {
  overflow: hidden;
}
.mod-dl.-product {
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
}
.mod-dl.-product > .sub-dt {
  width: 6em;
  position: relative;
}
.mod-dl.-product > .sub-dt:after {
  content: ":";
  position: absolute;
  right: 0;
}
.mod-dl.-pfg {
  font-weight: bold;
  margin-bottom: 0.5em;
  margin-left: 0.5em;
}
.mod-dl.-pfg .sub-dt,
.mod-dl.-pfg .sub-dd {
  padding: 0.3em;
  text-align: center;
  color: #000;
}
.mod-dl.-pfg .sub-dt {
  width: 4em;
  margin: 0;
}
.mod-dl.-pfg .sub-dd {
  width: 9em;
}
.mod-dl.-pfg.-f1 .sub-dt {
  background: #cecece;
}
.mod-dl.-pfg.-f1 .sub-dd {
  background: #efefef;
}
.mod-dl.-pfg.-f2 .sub-dt {
  background: #c36de1;
}
.mod-dl.-pfg.-f2 .sub-dd {
  background: #eacaf4;
}
.mod-dl.-pfg.-f3 .sub-dt {
  background: #cecece;
}
.mod-dl.-pfg.-f3 .sub-dd {
  background: #eeeeee;
}
.mod-dl.-pfg.-f4 .sub-dt {
  background: #c47bd3;
}
.mod-dl.-pfg.-f4 .sub-dd {
  background: #ddafe7;
}
.mod-dl.-pfg.-f5 .sub-dt {
  background: #57c5f3;
}
.mod-dl.-pfg.-f5 .sub-dd {
  background: #c6edfd;
}

@media all and (min-width: 721px) {
  .mod-dl.-horizontalPc {
    *zoom: 1;
  }
  .mod-dl.-horizontalPc:after {
    content: '';
    display: table;
    clear: both;
  }
  .mod-dl.-horizontalPc .sub-dt {
    float: left;
    margin-right: 10px;
  }
  .mod-dl.-horizontalPc .sub-dd {
    overflow: hidden;
  }
}
@media all and (max-width: 720px) {
  .mod-dl.-horizontalSp {
    *zoom: 1;
  }
  .mod-dl.-horizontalSp:after {
    content: '';
    display: table;
    clear: both;
  }
  .mod-dl.-horizontalSp .sub-dt {
    float: left;
    margin-right: 10px;
  }
  .mod-dl.-horizontalSp .sub-dd {
    overflow: hidden;
  }

  .mod-list.-info .sub-info, .mod-list.-date .sub-info {
    width: 100%;
  }
  .mod-list.-info .sub-text, .mod-list.-date .sub-text {
    width: 100%;
  }
  .mod-list.-info .sub-text a, .mod-list.-date .sub-text a {
    margin-top: 5px;
    margin-left: 0;
  }
}
table.mod-table th, table.mod-table td {
  border: 1px solid #000;
  padding: 10px;
}

@media all and (min-width: 721px) {
  .mod-likeTable {
    display: table;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.3em;
    margin-bottom: 40px;
    border: 3px solid #23c6e8;
  }
  .mod-likeTable:last-child {
    margin-bottom: 0;
  }
  .mod-likeTable .sub-head {
    display: table-row;
  }
  .mod-likeTable .sub-head > div {
    padding: 1em;
    background: #9ee7f6;
    display: table-cell;
    text-align: center;
    border: 2px solid #bec8ca;
    border-width: 0 2px 2px 0;
    vertical-align: middle;
    font-weight: bold;
    font-size: 14px;
  }
  .mod-likeTable .sub-head > div:last-child {
    border-right: 0px;
  }
  .mod-likeTable .sub-head > div:nth-child(1) {
    width: 30%;
  }
  .mod-likeTable .sub-head > div:nth-child(2) {
    width: 30%;
  }
  .mod-likeTable .sub-head > div:nth-child(3) {
    width: 30%;
  }
  .mod-likeTable .sub-head > div:nth-child(4) {
    width: 10%;
  }
  .mod-likeTable .sub-row {
    display: table-row;
    background: #fff;
  }
  .mod-likeTable .sub-row:nth-child(2n+1) {
    background: #f1fafc;
  }
  .mod-likeTable .sub-row:last-child > dl {
    border-bottom: 0;
  }
  .mod-likeTable .sub-row > dl {
    padding: 1em;
    display: table-cell;
    border: 2px solid #bec8ca;
    border-width: 0 2px 2px 0;
    vertical-align: middle;
    font-size: 16px;
  }
  .mod-likeTable .sub-row > dl:last-child {
    border-right: 0px;
    text-align: center;
  }
  .mod-likeTable .sub-row > dl > dt {
    display: none;
  }
  .mod-likeTable .sub-row > dl > dd {
    display: block;
  }
  .mod-likeTable.-add1Col .sub-head > div:nth-child(1) {
    width: 28%;
  }
  .mod-likeTable.-add1Col .sub-head > div:nth-child(2) {
    width: 29%;
  }
  .mod-likeTable.-add1Col .sub-head > div:nth-child(3) {
    width: 15%;
  }
  .mod-likeTable.-add1Col .sub-head > div:nth-child(4) {
    width: 19%;
  }
  .mod-likeTable.-add1Col .sub-head > div:nth-child(5) {
    width: 9%;
  }
  .mod-likeTable.-add1Col .sub-row > dl:nth-child(3) {
    text-align: center;
  }
}
@media all and (max-width: 720px) {
  .mod-likeTable .sub-head {
    display: none;
  }
  .mod-likeTable .sub-row {
    display: table;
    background: #fff;
    border: 2px solid #23c6e8;
    width: 100%;
    margin-bottom: 1em;
  }
  .mod-likeTable .sub-row > dl {
    display: table-row;
    padding: 1em;
    vertical-align: middle;
    font-size: 16px;
  }
  .mod-likeTable .sub-row > dl > dt {
    display: table-cell;
    vertical-align: middle;
    border: 2px solid #bec8ca;
    border-width: 0 2px 2px 0;
    width: 30%;
    background: #9ee7f6;
    padding: 0.5em;
    font-weight: bold;
  }
  .mod-likeTable .sub-row > dl > dd {
    display: table-cell;
    vertical-align: middle;
    border: 2px solid #bec8ca;
    border-width: 0 0 2px 0;
    background: #fff;
    padding: 0.5em;
  }
  .mod-likeTable .sub-row > dl:last-child > dt,
  .mod-likeTable .sub-row > dl:last-child > dd {
    border-bottom: 0;
  }
}
.mod-grid {
  text-align: center;
  font-size: 0;
}
.mod-grid > .sub-cell {
  display: inline-block;
  vertical-align: top;
}
.mod-grid > .sub-cell > .sub-inner {
  text-align: left;
}
.mod-grid.-vMiddle > .sub-cell {
  vertical-align: middle;
}

@media all and (min-width: 721px) {
  .mod-grid {
    margin-left: -20px;
    margin-top: -20px;
    margin-bottom: 40px;
  }
  .mod-grid:last-child {
    margin-bottom: 0;
  }
  .mod-grid + .mod-grid {
    margin-top: -40px !important;
  }
  .mod-grid > .sub-cell {
    margin-top: 20px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .mod-grid > .sub-cell > .sub-inner {
    margin-left: 20px;
  }
  .mod-grid.-marginZero {
    margin-left: -0px;
    margin-top: 0px;
  }
  .mod-grid.-marginZero > .sub-cell {
    margin-top: 0px;
  }
  .mod-grid.-marginZero > .sub-cell > .sub-inner {
    margin-left: 0px;
  }
  .mod-grid.-marginS {
    margin-left: -10px;
    margin-top: -10px;
  }
  .mod-grid.-marginS > .sub-cell {
    margin-top: 10px;
  }
  .mod-grid.-marginS > .sub-cell > .sub-inner {
    margin-left: 10px;
  }
  .mod-grid.-marginL {
    margin-left: -40px;
    margin-top: -40px;
  }
  .mod-grid.-marginL > .sub-cell {
    margin-top: 40px;
  }
  .mod-grid.-marginL > .sub-cell > .sub-inner {
    margin-left: 40px;
  }
  .mod-grid.-step {
    margin-left: -40px;
    margin-top: -40px;
  }
  .mod-grid.-step > .sub-cell {
    margin-top: 40px;
  }
  .mod-grid.-step > .sub-cell > .sub-inner {
    margin-left: 40px;
  }
  .mod-grid.-step > .sub-cell > .sub-inner {
    position: relative;
  }
  .mod-grid.-step > .sub-cell > .sub-inner:before {
    content: "→";
    display: inline-block;
    width: 1em;
    height: 1em;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -30px;
    margin: auto;
  }
  .mod-grid.-step > .sub-cell.noArrow > .sub-inner {
    position: static;
  }
  .mod-grid.-step > .sub-cell.noArrow > .sub-inner:before {
    content: "";
    display: none;
  }
  .mod-grid.-step > .sub-cell.tiltArrow {
    width: 100%;
    margin: 20px 0 -20px;
  }
  .mod-grid.-step > .sub-cell.tiltArrow > .sub-inner:before {
    display: none;
  }
  .mod-grid.-step > .sub-cell.tiltArrow + .sub-cell > .sub-inner:before {
    display: none;
  }
  .mod-grid.-step.-adjustArrow > .sub-cell > .sub-inner:before {
    position: absolute;
    top: 80px;
    bottom: auto;
  }
}
@media all and (max-width: 720px) {
  .mod-grid {
    margin-left: -20px;
    margin-top: -20px;
    margin-bottom: 20px;
  }
  .mod-grid:last-child {
    margin-bottom: 0;
  }
  .mod-grid + .mod-grid {
    margin-top: -20px !important;
  }
  .mod-grid > .sub-cell {
    margin-top: 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .mod-grid > .sub-cell > .sub-inner {
    margin-left: 20px;
  }
  .mod-grid.-marginZero {
    margin-left: -0px;
    margin-top: 0px;
  }
  .mod-grid.-marginZero > .sub-cell {
    margin-top: 0px;
  }
  .mod-grid.-marginZero > .sub-cell > .sub-inner {
    margin-left: 0px;
  }
  .mod-grid.-marginS {
    margin-left: -10px;
    margin-top: -10px;
  }
  .mod-grid.-marginS > .sub-cell {
    margin-top: 10px;
  }
  .mod-grid.-marginS > .sub-cell > .sub-inner {
    margin-left: 10px;
  }
  .mod-grid.-marginL {
    margin-left: -30px;
    margin-top: -30px;
  }
  .mod-grid.-marginL > .sub-cell {
    margin-top: 30px;
  }
  .mod-grid.-marginL > .sub-cell > .sub-inner {
    margin-left: 30px;
  }
  .mod-grid.-sp1col > .sub-cell {
    width: 100%;
  }
  .mod-grid.-sp2col > .sub-cell {
    width: 50%;
  }
  .mod-grid.-sp3col > .sub-cell {
    width: 33.3333%;
  }
  .mod-grid.-sp4col > .sub-cell {
    width: 25%;
  }
  .mod-grid.-paddingS {
    padding: 0 20px;
  }
  .mod-grid.-paddingL {
    padding: 0 40px;
  }
  .mod-grid.-step {
    margin-left: -40px;
    margin-top: -40px;
  }
  .mod-grid.-step > .sub-cell {
    margin-top: 40px;
  }
  .mod-grid.-step > .sub-cell > .sub-inner {
    margin-left: 40px;
  }
  .mod-grid.-step > .sub-cell > .sub-inner {
    position: relative;
  }
  .mod-grid.-step > .sub-cell > .sub-inner:before {
    content: "→";
    display: inline-block;
    width: 1em;
    height: 1em;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -30px;
    margin: auto;
  }
  .mod-grid.-step > .sub-cell.noArrow > .sub-inner {
    position: static;
  }
  .mod-grid.-step > .sub-cell.noArrow > .sub-inner:before {
    content: "";
    display: none !important;
  }
  .mod-grid.-step.-adjustArrow > .sub-cell > .sub-inner:before {
    position: absolute;
    top: 80px;
    bottom: auto;
  }
  .mod-grid.-step.-sp1col {
    margin-left: -20px;
  }
  .mod-grid.-step.-sp1col > .sub-cell {
    margin-bottom: 20px;
  }
  .mod-grid.-step.-sp1col > .sub-cell > .sub-inner {
    margin-left: 20px;
    margin-top: 10px;
    position: relative;
  }
  .mod-grid.-step.-sp1col > .sub-cell > .sub-inner:before {
    content: "↓";
    display: inline-block;
    width: 1em;
    height: 1em;
    position: absolute;
    top: -30px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto;
    margin: auto;
  }
  .mod-grid.-step.-sp1col > .sub-cell.noArrow > .sub-inner {
    margin-top: 0;
  }
  .mod-grid.-step.-sp1col > .sub-cell.noArrow > .sub-inner:before {
    display: none;
  }
  .mod-grid.-step.-adjustArrow > .sub-cell > .sub-inner:before {
    position: absolute;
    top: 80px;
    bottom: auto;
  }
  .mod-grid > .sub-cell.tiltArrow {
    display: none;
  }
}
.mod-textAndImageBlock {
  *zoom: 1;
}
.mod-textAndImageBlock:after {
  content: '';
  display: table;
  clear: both;
}
.mod-textAndImageBlock .sub-content:first-child > .sub-inner {
  margin: 0 10px;
}
.mod-textAndImageBlock .sub-content:last-child {
  float: left;
}
.mod-textAndImageBlock .sub-content:last-child > .sub-inner {
  margin: 0 10px;
}
.mod-textAndImageBlock.-left .sub-content:first-child {
  float: left;
}
.mod-textAndImageBlock.-left .sub-content:first-child > .sub-inner {
  margin-left: 0;
}
.mod-textAndImageBlock.-left .sub-content:last-child > .sub-inner {
  margin-right: 0;
}
.mod-textAndImageBlock.-right .sub-content:first-child {
  float: right;
}
.mod-textAndImageBlock.-right .sub-content:first-child > .sub-inner {
  margin-right: 0;
}
.mod-textAndImageBlock.-right .sub-content:last-child > .sub-inner {
  margin-left: 0;
}
.mod-textAndImageBlock.-wraps .sub-content:last-child {
  float: none;
  width: auto;
}
.mod-textAndImageBlock.-wraps .sub-content:last-child > .sub-inner {
  margin: 0;
}
.mod-textAndImageBlock.-wraps.-left .sub-content:first-child > .sub-inner {
  margin-right: 20px;
}
.mod-textAndImageBlock.-wraps.-right .sub-content:first-child {
  margin-left: 10px;
}
.mod-textAndImageBlock.-wraps.-right .sub-content:first-child > .sub-inner {
  margin-left: 10px;
}
.mod-textAndImageBlock.-step {
  padding-bottom: 40px;
  position: relative;
}
.mod-textAndImageBlock.-step:before {
  content: "↓";
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  margin: auto;
  width: 1em;
}

@media all and (min-width: 721px) {
  .mod-textAndImageBlock {
    margin-bottom: 20px;
  }
  .mod-textAndImageBlock:last-child {
    margin-bottom: 0;
  }
}
@media all and (max-width: 720px) {
  .mod-textAndImageBlock {
    *zoom: 1;
    margin-bottom: 20px;
  }
  .mod-textAndImageBlock:after {
    content: '';
    display: table;
    clear: both;
  }
  .mod-textAndImageBlock:last-child {
    margin-bottom: 0;
  }
  .mod-textAndImageBlock .sub-content {
    width: 50%;
  }
  .mod-textAndImageBlock .sub-content {
    width: 50%;
  }
  .mod-textAndImageBlock.-sp1col > .sub-content:first-child {
    width: 100%;
    margin-bottom: 10px;
  }
  .mod-textAndImageBlock.-sp1col > .sub-content:first-child > .sub-inner {
    margin: 0 !important;
  }
  .mod-textAndImageBlock.-sp1col > .sub-content:last-child {
    width: 100%;
    margin-bottom: 20px;
  }
  .mod-textAndImageBlock.-sp1col > .sub-content:last-child > .sub-inner {
    margin: 0;
  }
}
.mod-faq {
  padding-bottom: 15px;
  margin-top: 15px;
  border-bottom: 1px solid #0474d3;
}
.mod-faq .sub-q {
  *zoom: 1;
  color: #ffffff;
}
.mod-faq .sub-q:after {
  content: '';
  display: table;
  clear: both;
}
.mod-faq .sub-q:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 34px;
  float: left;
  margin-right: 18px;
  background: url(/faq/images/icon-question.png) no-repeat 0 0;
}
.mod-faq .sub-q .sub-inner {
  overflow: hidden;
}
.mod-faq .sub-q:hover {
  cursor: pointer;
}
.mod-faq .sub-a {
  *zoom: 1;
  display: none;
  margin-top: 20px;
  color: #f6c73c;
}
.mod-faq .sub-a:after {
  content: '';
  display: table;
  clear: both;
}
.mod-faq .sub-a:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 34px;
  float: left;
  margin-right: 18px;
  background: url(/faq/images/icon-answer.png) no-repeat 0 0;
}
.mod-faq .sub-a .sub-inner {
  overflow: hidden;
}
.mod-faq .mod-para:last-child {
  margin-bottom: 0;
}
.mod-faq:first-child {
  padding: 15px 0;
}

.ex-faq {
  margin-top: 40px;
}

.ex-faq-button {
  position: relative;
  background: url(/faq/images/bgButton-middle-pc.png) repeat-y center 0;
  background-size: 100% auto;
  min-height: 55px;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
}
.ex-faq-button .ex-faq-button-inner {
  display: table;
  width: 100%;
}
.ex-faq-button:before {
  content: '';
  position: absolute;
  top: -7px;
  left: 0;
  margin: 0 auto;
  background: url(/faq/images/bgButton-top-pc.png) no-repeat center 0;
  background-size: 100% auto;
  width: 100%;
  min-height: 7px;
  z-index: 1;
}
.ex-faq-button:after {
  content: '';
  position: absolute;
  bottom: -7px;
  left: 0;
  margin: 0 auto;
  background: url(/faq/images/bgButton-bottom-pc.png) no-repeat center 0;
  background-size: 100% auto;
  width: 100%;
  min-height: 7px;
  z-index: 1;
}
.ex-faq-button a {
  display: table-cell;
  padding: 15px 0;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  vertical-align: middle;
}
.ex-faq-button a:after {
  content: '';
  position: absolute;
  top: 22%;
  right: 17px;
  margin-top: -17px;
  margin: 0 auto;
  background: url(/faq/images/icon-plus.png) no-repeat center 0;
  width: 35px;
  height: 35px;
  z-index: 1;
}
.ex-faq-button.open a:after {
  background: url(/faq/images/icon-minus.png) no-repeat center 0;
}

.ex-faq-content {
  display: none;
  padding-top: 7px;
}

.ex-faq {
  position: relative;
}

@media all and (min-width: 721px) {
  .mod-faq {
    width: 840px;
    margin-left: auto;
    margin-right: auto;
  }
  .mod-faq .sub-a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media all and (max-width: 720px) {
  .ex-faq:first-child {
    margin-top: 0;
  }
  .ex-faq .sub-a {
    font-size: 12px;
    font-size: 1.2rem;
  }

  .ex-faq-button {
    font-size: 15px;
    font-size: 1.5rem;
    background: #001629;
    text-align: left;
  }
  .ex-faq-button .ex-faq-button-inner {
    display: table;
    width: 100%;
    border: 3px solid #62220d;
    box-sizing: border-box;
  }
  .ex-faq-button:before {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    min-height: 0;
    background: #b57e32;
  }
  .ex-faq-button:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    min-height: 0;
    background: #2b0c05;
  }
  .ex-faq-button a {
    padding: 15px 40px 15px 13px;
    box-sizing: border-box;
  }
  .ex-faq-button a:after {
    content: '';
    position: absolute;
    top: 33%;
    right: 17px;
    margin-top: -10px;
    margin: 0 auto;
    background: url(/faq/images/icon-plus.png) no-repeat center 0;
    background-size: 100% auto;
    width: 20px;
    height: 20px;
    z-index: 1;
  }
  .ex-faq-button.open a:after {
    background: url(/faq/images/icon-minus.png) no-repeat center 0;
    background-size: 100% auto;
  }
}
.sns > ul li {
  display: inline-block;
  width: 120px;
  height: 21px;
  text-align: left;
}
.sns > ul li.tw, .sns > ul li.gg {
  width: 70px;
}
.sns > ul li.line img {
  display: block;
}

@media all and (min-width: 721px) {
  .sns {
    position: relative;
    z-index: 1;
  }
  .sns > ul {
    width: 1000px;
    margin: auto;
  }
  .sns > ul li {
    display: inline-block;
    width: auto;
    height: 21px;
  }
  .sns > ul li.line {
    display: none;
  }
  .sns > ul li.fb {
    position: relative;
    top: 1px;
  }
}
@media all and (max-width: 720px) {
  .sns {
    background: #000 url(/common/images/fotterBdr-top-sp.png) no-repeat center 0 !important;
    padding: 18px 12px 15px !important;
  }
  .sns > ul {
    font-size: 0;
    text-align: center;
    margin-left: -5px;
    margin-right: -5px;
  }
  .sns > ul li {
    display: inline-block;
    width: auto !important;
    height: 21px;
    vertical-align: middle;
    margin: 5px;
  }
}
.mod-narrowContent {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media all and (min-width: 721px) {
  .mod-narrowContent.-product {
    width: 795px;
  }
}
@media all and (max-width: 720px) {
  .mod-narrowContent.-product {
    width: auto;
    padding: 20px;
  }
}

.mod-group {
  background: rgba(255, 255, 255, 0.9);
  padding: 35px 50px 35px;
  margin-bottom: 20px;
  color: #001024;
}
.mod-group:last-child {
  margin-bottom: 0;
}
.mod-group.-box {
  background: #094179;
  background: transparent;
  color: #ffffff;
}
.mod-group.-box > .mod-group-outer {
  position: relative;
  z-index: 3;
}
.mod-group.-info {
  background: rgba(27, 151, 255, 0.1);
  padding: 15px 20px;
  position: relative;
  border: 2px solid #0554a8;
  border-width: 0 2px;
}
.mod-group.-info:before {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1NTRhOCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMmZkNWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDU1NGE4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 0% 90deg, 100% 90deg, color-stop(0%, #0554a8), color-stop(50%, #2fd5ff), color-stop(100%, #0554a8));
  background: -moz-linear-gradient(left 90deg, #0554a8, #2fd5ff, #0554a8);
  background: -webkit-linear-gradient(left 90deg, #0554a8, #2fd5ff, #0554a8);
  background: linear-gradient(to right 90deg, #0554a8, #2fd5ff, #0554a8);
  position: absolute;
  top: 0;
  left: 0;
}
.mod-group.-info:after {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1NTRhOCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMmZkNWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDU1NGE4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 0% 90deg, 100% 90deg, color-stop(0%, #0554a8), color-stop(50%, #2fd5ff), color-stop(100%, #0554a8));
  background: -moz-linear-gradient(left 90deg, #0554a8, #2fd5ff, #0554a8);
  background: -webkit-linear-gradient(left 90deg, #0554a8, #2fd5ff, #0554a8);
  background: linear-gradient(to right 90deg, #0554a8, #2fd5ff, #0554a8);
  position: absolute;
  bottom: 0;
  left: 0;
}
.mod-group.-boxS {
  background: rgba(27, 151, 255, 0.3);
  padding: 35px 20px 30px;
  border: 1px solid #3bceff;
  -moz-box-shadow: 0 0 20px 0 #1b97ff inset;
  -webkit-box-shadow: 0 0 20px 0 #1b97ff inset;
  box-shadow: 0 0 20px 0 #1b97ff inset;
}
.mod-group.-box2 {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlhNjIwYiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmVmZmZiIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOWE2MjBiIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 0% 90deg, 100% 90deg, color-stop(0%, #9a620b), color-stop(50%, #fefffb), color-stop(100%, #9a620b));
  background: -moz-linear-gradient(left 90deg, #9a620b, #fefffb, #9a620b);
  background: -webkit-linear-gradient(left 90deg, #9a620b, #fefffb, #9a620b);
  background: linear-gradient(to right 90deg, #9a620b, #fefffb, #9a620b);
  background-size: 100% auto;
  border: 1px solid #9b630b;
  border-width: 0 1px;
}
.mod-group.-box2 > .mod-group-outer {
  background: url(/common/images/bgBox2-middle.png) repeat-y;
  padding: 35px 20px 30px;
}
.mod-group.-box2.-deepblue > .mod-group-outer {
  background: rgba(0, 0, 20, 0.9);
  color: #fff;
}

@media all and (min-width: 721px) {
  .mod-group.-box {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 50px 0 #10a1e4 inset;
    -webkit-box-shadow: 0 0 50px 0 #10a1e4 inset;
    box-shadow: 0 0 50px 0 #10a1e4 inset;
    position: relative;
    border: 2px solid #3bceff;
    border-width: 2px 0;
    background: url(/common/images/bgBox-middle-pc.png) repeat-y center 172px;
  }
  .mod-group.-box:before {
    content: '';
    position: absolute;
    top: -25px;
    left: -22px;
    margin: 0 auto;
    background: url(/common/images/bgBox-TL.png) no-repeat center 0;
    width: 165px;
    height: 167px;
    z-index: 4;
  }
  .mod-group.-box:after {
    content: '';
    position: absolute;
    bottom: -24px;
    right: -23px;
    margin: 0 auto;
    background: url(/common/images/bgBox-BR.png) no-repeat center 0;
    width: 174px;
    height: 173px;
    z-index: 4;
  }
  .mod-group.-box.-noCorner:before {
    content: "";
    display: none;
  }
  .mod-group.-box.-noCorner:after {
    content: "";
    display: none;
  }
  .mod-group.-box > .mod-group-outer {
    padding: 35px 50px 35px;
    position: relative;
    z-index: 3;
    min-height: 120px;
  }
  .mod-group.-box.-addBg01:before, .mod-group.-box.-addBg01:after {
    z-index: 4;
  }
  .mod-group.-box.-addBg01 > .mod-group-outer {
    background: url(/top/addBg01.png) no-repeat top left;
    padding-bottom: 17px;
  }
  .mod-group.-box2 {
    padding: 3px 0;
    border-width: 0 3px;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mod-group.-box2.-corner:before {
    content: '';
    position: absolute;
    top: -25px;
    left: -22px;
    margin: 0 auto;
    background: url(/common/images/bgBox-TL.png) no-repeat center 0;
    width: 165px;
    height: 167px;
    z-index: 2;
  }
  .mod-group.-box2.-corner:after {
    content: '';
    position: absolute;
    bottom: -24px;
    right: -23px;
    margin: 0 auto;
    background: url(/common/images/bgBox-BR.png) no-repeat center 0;
    width: 174px;
    height: 173px;
    z-index: 2;
  }
  .mod-group.-box2 > .mod-group-outer {
    padding: 40px 50px;
  }
}
@media all and (max-width: 720px) {
  .mod-group {
    padding: 10px;
  }
  .mod-group.-box {
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 50px 0 #10a1e4 inset;
    -webkit-box-shadow: 0 0 50px 0 #10a1e4 inset;
    box-shadow: 0 0 50px 0 #10a1e4 inset;
    position: relative;
    border: 2px solid #3bceff;
    background: url(/common/images/bgBox-middle.png) repeat-y center 172px;
    background-size: 100% auto;
  }
  .mod-group.-box:before {
    content: '';
    position: absolute;
    top: -14px;
    left: -14px;
    margin: 0 auto;
    background: url(/common/images/bgBox-TL.png) no-repeat center 0;
    width: 82.5px;
    height: 83.5px;
    background-size: 100% auto;
    z-index: 2;
  }
  .mod-group.-box:after {
    content: '';
    position: absolute;
    bottom: -14px;
    right: -14px;
    margin: 0 auto;
    background: url(/common/images/bgBox-BR.png) no-repeat center 0;
    width: 87px;
    height: 86.5px;
    background-size: 100% auto;
    z-index: 4;
  }
  .mod-group.-box.-noCorner:before {
    content: "";
    display: none;
  }
  .mod-group.-box.-noCorner:after {
    content: "";
    display: none;
  }
  .mod-group.-box > .mod-group-outer {
    padding: 5%;
    min-height: 120px;
  }
  .mod-group.-box.-addBg01 > .mod-group-outer {
    background: url(/top/addBg01-sp.png) no-repeat top left;
    background-size: 100% 100%;
  }
  .mod-group.-box.-addBg01:before, .mod-group.-box.-addBg01:after {
    z-index: 4;
  }
  .mod-group.-box2 {
    padding: 1.5px 0;
    border-width: 0 1.5px;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mod-group.-box2.-corner:before {
    content: '';
    position: absolute;
    top: -14px;
    left: -14px;
    margin: 0 auto;
    background: url(/common/images/bgBox-TL.png) no-repeat center 0;
    width: 82.5px;
    height: 83.5px;
    background-size: 100% auto;
    z-index: 2;
  }
  .mod-group.-box2.-corner:after {
    content: '';
    position: absolute;
    bottom: -14px;
    right: -14px;
    margin: 0 auto;
    background: url(/common/images/bgBox-BR.png) no-repeat center 0;
    width: 87px;
    height: 86.5px;
    background-size: 100% auto;
    z-index: 2;
  }
  .mod-group.-box2 > .mod-group-outer {
    padding: 15px;
  }
}
.iconType1, .iconType2, .iconType3, .iconType4, .iconType5, .iconType6, .iconType7, .iconType8, .iconType9 {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 3px 0;
  background: #001024;
  color: #ffffff;
  box-sizing: border-box;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
}
.iconType1:after, .iconType2:after, .iconType3:after, .iconType4:after, .iconType5:after, .iconType6:after, .iconType7:after, .iconType8:after, .iconType9:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 12px 0 0;
  border-color: #e44c4c transparent transparent transparent;
}

.iconType2:after {
  border-color: #916fff transparent transparent transparent;
}

.iconType3:after {
  border-color: #2376dc transparent transparent transparent;
}

.iconType4:after {
  border-color: #15c04d transparent transparent transparent;
}

.iconType5:after {
  border-color: #ffbf5a transparent transparent transparent;
}

.iconType6:after {
  border-color: #b9db5c transparent transparent transparent;
}

.iconType7:after {
  border-color: #43e0f2 transparent transparent transparent;
}

.iconType8:after {
  border-color: #eb93d9 transparent transparent transparent;
}

.iconType9:after {
  border-color: #ffffff transparent transparent transparent;
}

.mod-slide .slick-list {
  overflow: hidden;
  overflow: visible;
}
.mod-slide .slick-list .mod-image {
  margin: 0 10px;
}
.mod-slide .slick-prev, .mod-slide .slick-next {
  height: 50px;
  width: 42px;
  margin-top: -25px;
}
.mod-slide .slick-prev:before, .mod-slide .slick-next:before {
  content: '' !important;
  display: block;
  opacity: 1;
  background: url(/common/images/icon-prev.png) no-repeat 50% 50%;
  width: 42px;
  height: 50px;
}
.mod-slide .slick-next:before {
  background: url(/common/images/icon-next.png) no-repeat 50% 50%;
}
.mod-slide .slick-prev:hover:before {
  background: url(/common/images/icon-prev-on.png) no-repeat 50% 50%;
}
.mod-slide .slick-next:hover:before {
  background: url(/common/images/icon-next-on.png) no-repeat 50% 50%;
}

.slick-dots {
  position: absolute;
  bottom: -30px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 22px;
  width: 22px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 22px;
  width: 22px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url(/common/images/slide-dot.png);
  width: 22px;
  height: 22px;
  text-align: center;
}
.slick-dots li.slick-active button:before {
  content: "";
  background: url(/common/images/slide-dot-active.png);
}

@media all and (min-width: 721px) {
  .mod-slide {
    width: 940px;
    margin: 0 auto;
  }
  .mod-slide.-slide01 {
    width: 400px;
  }
  .mod-slide.-slide01 .slick-list {
    overflow: hidden;
  }
}
@media all and (max-width: 720px) {
  .mod-slide {
    padding-top: 20px;
  }
  .mod-slide .slick-list img {
    width: 100%;
  }
  .mod-slide .slick-prev, .mod-slide .slick-next {
    margin-top: -22px;
    width: 40px;
    height: 50px;
  }
  .mod-slide .slick-prev {
    left: 2px;
  }
  .mod-slide .slick-next {
    right: 2px;
  }
  .mod-slide .slick-prev:before {
    width: 40px;
    left: 0;
    height: 50px;
    background-size: 20px auto;
  }
  .mod-slide .slick-next:before {
    width: 40px;
    right: 0;
    height: 50px;
    background-size: 20px auto;
  }
  .mod-slide .slick-prev:hover:before,
  .mod-slide .slick-next:hover:before {
    width: 40px;
    right: 0;
    height: 50px;
    background-size: 20px auto;
  }
  .mod-slide.-slide01 {
    overflow: hidden;
  }
  .mod-slide.-slide01 .slick-dots {
    bottom: -30px;
  }
}
.x1of1 {
  width: 100%;
}

.x1of2 {
  width: 50%;
}

.x1of3 {
  width: 33.333%;
}

.x2of3 {
  width: 66.666%;
}

.x1of4 {
  width: 25%;
}

.x3of4 {
  width: 75%;
}

.x1of5 {
  width: 20%;
}

.x2of5 {
  width: 40%;
}

.x3of5 {
  width: 60%;
}

.x4of5 {
  width: 80%;
}

.x1of6 {
  width: 16.666%;
}

.x5of6 {
  width: 83.333%;
}

.x1of7 {
  width: 14.285%;
}

.x2of7 {
  width: 28.571%;
}

.x3of7 {
  width: 42.857%;
}

.x4of7 {
  width: 57.142%;
}

.x5of7 {
  width: 71.428%;
}

.x6of7 {
  width: 85.714%;
}

.x1of8 {
  width: 12.5%;
}

.x3of8 {
  width: 37.5%;
}

.x5of8 {
  width: 62.5%;
}

.x7of8 {
  width: 87.5%;
}

.x1of9 {
  width: 11.111%;
}

.x2of9 {
  width: 22.222%;
}

.x4of9 {
  width: 44.444%;
}

.x5of9 {
  width: 55.555%;
}

.x7of9 {
  width: 77.777%;
}

.x8of9 {
  width: 88.888%;
}

.x1of10 {
  width: 10%;
}

.x3of10 {
  width: 30%;
}

.x7of10 {
  width: 70%;
}

.x9of10 {
  width: 90%;
}

.st-blockCenter {
  margin-left: auto !important;
  margin-right: auto !important;
}

.st-blockLeft {
  margin-left: 0 !important;
  margin-right: auto !important;
}

.st-blockRight {
  margin-left: auto !important;
  margin-right: 0 !important;
}

.st-floatLeft {
  float: left  !important;
}

.st-floatRight {
  float: right !important;
}

.st-clearfix {
  *zoom: 1;
}
.st-clearfix:after {
  content: '';
  display: table;
  clear: both;
}

.st-inlineCenter {
  text-align: center !important;
}

.st-inlineLeft {
  text-align: left   !important;
}

.st-inlineRight {
  text-align: right  !important;
}

.st-vAlignTop {
  vertical-align: top;
}

.st-vAlignBottom {
  vertical-align: bottom;
}

.st-vAlignMiddle {
  vertical-align: middle;
}

@media all and (min-width: 721px) {
  .st-inlineCenterPc {
    text-align: center;
  }
}
.st-rm {
  margin: 0 !important;
}

.st-rmTop {
  margin-top: 0 !important;
}

.st-rmBottom {
  margin-bottom: 0 !important;
}

.st-rmLeft {
  margin-left: 0 !important;
}

.st-rmRight {
  margin-right: 0 !important;
}

.st-addTopXS {
  margin-top: 0.2em !important;
}

.st-addTopSS {
  margin-top: 0.5em !important;
}

.st-addTopS {
  margin-top: 0.8em !important;
}

.st-addTopM {
  margin-top: 1em !important;
}

.st-addTopL {
  margin-top: 1.5em !important;
}

.st-addTopLL {
  margin-top: 2em !important;
}

.st-addTopXL {
  margin-top: 3em !important;
}

.st-addBottomXS {
  margin-bottom: 0.2em !important;
}

.st-addBottomSS {
  margin-bottom: 0.5em !important;
}

.st-addBottomS {
  margin-bottom: 0.8em !important;
}

.st-addBottomM {
  margin-bottom: 1em !important;
}

.st-addBottomL {
  margin-bottom: 1.5em !important;
}

.st-addBottomLL {
  margin-bottom: 2em !important;
}

.st-addBottomXL {
  margin-bottom: 3em !important;
}

.st-addLeftXS {
  margin-left: 0.2em !important;
}

.st-addLeftSS {
  margin-left: 0.5em !important;
}

.st-addLeftS {
  margin-left: 0.8em !important;
}

.st-addLeftM {
  margin-left: 1em !important;
}

.st-addLeftL {
  margin-left: 1.5em !important;
}

.st-addLeftLL {
  margin-left: 2em !important;
}

.st-addLeftXL {
  margin-left: 3em !important;
}

.st-addRightXS {
  margin-right: 0.2em !important;
}

.st-addRightSS {
  margin-right: 0.5em !important;
}

.st-addRightS {
  margin-right: 0.8em !important;
}

.st-addRightM {
  margin-right: 1em !important;
}

.st-addRightL {
  margin-right: 1.5em !important;
}

.st-addRightLL {
  margin-right: 2em !important;
}

.st-addRightXL {
  margin-right: 3em !important;
}

.st-rmPad {
  padding: 0 !important;
}

.st-rmPadTop {
  padding-top: 0 !important;
}

.st-rmPadBottom {
  padding-bottom: 0 !important;
}

.st-rmPadLeft {
  padding-left: 0 !important;
}

.st-rmPadRight {
  padding-right: 0 !important;
}

.st-addPadXS {
  padding: 0.2em !important;
}

.st-addPadSS {
  padding: 0.5em !important;
}

.st-addPadS {
  padding: 0.8em !important;
}

.st-addPadM {
  padding: 1em !important;
}

.st-addPadL {
  padding: 1.5em !important;
}

.st-addPadLL {
  padding: 2em !important;
}

.st-addPadXL {
  padding: 3em !important;
}

.st-addPadTopXS {
  padding-top: 0.2em !important;
}

.st-addPadTopSS {
  padding-top: 0.5em !important;
}

.st-addPadTopS {
  padding-top: 0.8em !important;
}

.st-addPadTopM {
  padding-top: 1em !important;
}

.st-addPadTopL {
  padding-top: 1.5em !important;
}

.st-addPadTopLL {
  padding-top: 2em !important;
}

.st-addPadTopXL {
  padding-top: 3em !important;
}

.st-addPadBottomXS {
  padding-bottom: 0.2em !important;
}

.st-addPadBottomSS {
  padding-bottom: 0.5em !important;
}

.st-addPadBottomS {
  padding-bottom: 0.8em !important;
}

.st-addPadBottomM {
  padding-bottom: 1em !important;
}

.st-addPadBottomL {
  padding-bottom: 1.5em !important;
}

.st-addPadBottomLL {
  padding-bottom: 2em !important;
}

.st-addPadBottomXL {
  padding-bottom: 3em !important;
}

.st-addPadLeftXS {
  padding-left: 0.2em !important;
}

.st-addPadLeftSS {
  padding-left: 0.5em !important;
}

.st-addPadLeftS {
  padding-left: 0.8em !important;
}

.st-addPadLeftM {
  padding-left: 1em !important;
}

.st-addPadLeftL {
  padding-left: 1.5em !important;
}

.st-addPadLeftLL {
  padding-left: 2em !important;
}

.st-addPadLeftXL {
  padding-left: 3em !important;
}

.st-addPadRightXS {
  padding-right: 0.2em !important;
}

.st-addPadRightSS {
  padding-right: 0.5em !important;
}

.st-addPadRightS {
  padding-right: 0.8em !important;
}

.st-addPadRightM {
  padding-right: 1em !important;
}

.st-addPadRightL {
  padding-right: 1.5em !important;
}

.st-addPadRightLL {
  padding-right: 2em !important;
}

.st-addPadRightXL {
  padding-right: 3em !important;
}

@media all and (max-width: 720px) {
  .mod-panel {
    position: fixed;
    top: 0;
    left: 100%;
    z-index: 100;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.8);
    overflow: hidden;
    color: #fff;
    transition-property: left;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
  }
  .mod-panel > .sub-close {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100%;
  }
  .mod-panel > .sub-close a {
    color: #fff;
    display: block;
    width: 100%;
    padding: 5px;
    background: #000000;
    text-decoration: none;
  }
  .mod-panel > .sub-close a:before {
    font-family: 'icon';
    content: "\e603";
    font-size: 20px;
    vertical-align: middle;
    margin-right: 5px;
  }
  .mod-panel > .sub-wrapper {
    font-size: 0;
    position: relative;
    left: 0;
    transition-property: left;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
    *zoom: 1;
  }
  .mod-panel > .sub-wrapper:after {
    content: '';
    display: table;
    clear: both;
  }
  .mod-panel > .sub-wrapper > .sub-panel {
    float: left;
    overflow-y: scroll;
    display: inline-block;
    font-size: 1.4rem;
  }
  .mod-panel > .sub-wrapper > .sub-panel > .sub-inner {
    margin: 50px 10px 0;
  }
  .mod-panel > .sub-wrapper > .sub-panel .sub-ui {
    position: relative;
    *zoom: 1;
  }
  .mod-panel > .sub-wrapper > .sub-panel .sub-ui:after {
    content: '';
    display: table;
    clear: both;
  }
  .mod-panel > .sub-wrapper > .sub-panel .sub-ui .sub-left {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 2;
    display: block;
    width: 30px;
    height: 0;
    padding-top: 37px;
    overflow: hidden;
    background: url(/common/images/icon-prev.png);
    background-size: 100% auto;
  }
  .mod-panel > .sub-wrapper > .sub-panel .sub-ui .sub-right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    display: block;
    width: 30px;
    height: 0;
    padding-top: 37px;
    overflow: hidden;
    background: url(/common/images/icon-next.png);
    background-size: 100% auto;
  }
  .mod-panel > .sub-wrapper > .sub-panel:first-child .sub-ui .sub-left, .mod-panel > .sub-wrapper > .sub-panel:last-child .sub-ui .sub-right {
    visibility: hidden;
  }
  .mod-panel.itemNumber1 > .sub-wrapper {
    width: 100%;
  }
  .mod-panel.itemNumber1 > .sub-wrapper > .sub-panel {
    width: 100%;
  }
  .mod-panel.itemNumber2 > .sub-wrapper {
    width: 200%;
  }
  .mod-panel.itemNumber2 > .sub-wrapper > .sub-panel {
    width: 50%;
  }
  .mod-panel.itemNumber3 > .sub-wrapper {
    width: 300%;
  }
  .mod-panel.itemNumber3 > .sub-wrapper > .sub-panel {
    width: 33.33333%;
  }
  .mod-panel.itemNumber4 > .sub-wrapper {
    width: 400%;
  }
  .mod-panel.itemNumber4 > .sub-wrapper > .sub-panel {
    width: 25%;
  }
  .mod-panel.itemNumber5 > .sub-wrapper {
    width: 500%;
  }
  .mod-panel.itemNumber5 > .sub-wrapper > .sub-panel {
    width: 20%;
  }
  .mod-panel.itemNumber6 > .sub-wrapper {
    width: 600%;
  }
  .mod-panel.itemNumber6 > .sub-wrapper > .sub-panel {
    width: 16.66666%;
  }
  .mod-panel .img-player {
    position: relative;
    z-index: 1;
    display: block;
  }
  .mod-panel .img-player:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/world/images/bg_player.png);
    background-size: 100% auto;
    z-index: -1;
  }
}
@media all and (min-width: 721px) {
  #faq .mod-group-outer {
    position: relative;
  }
  #faq .mod-group-outer:before {
    content: "";
    display: block;
    width: 250px;
    height: 218px;
    background: url(/faq/images/poke.png);
    position: absolute;
    right: -30px;
    top: -140px;
  }

  .mod-list.-date + .cms-content {
    position: relative;
  }
  .mod-list.-date + .cms-content:before {
    content: "";
    display: block;
    width: 252px;
    height: 240px;
    background: url(/news/images/poke.png);
    position: absolute;
    right: -100px;
    top: -330px;
  }

  .ex-addPoke03 {
    position: relative;
  }
  .ex-addPoke03:before {
    content: "";
    display: block;
    width: 1315px;
    height: 229px;
    background: url(/top/poke-product.png);
    position: absolute;
    left: -260px;
    top: 50px;
  }
}
.cms-content a {
  color: #fff;
}

@media all and (min-width: 721px) {
  .cms-content {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media all and (max-width: 720px) {
  .cms-content {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media all and (min-width: 721px) {
  #top .ex-global > .mod-nav {
    position: static;
    padding-top: 744px;
    text-align: center;
  }

  #top .o-header {
    background: url(/top/topMain.jpg) no-repeat center top;
    margin-top: 0;
    height: 804px;
  }
  #top .o-header .logo_pokemon {
    position: absolute;
    right: 0;
    top: 15px;
    width: 247px;
  }
  #top .o-header .sns ul {
    top: 60px;
  }
  #top .o-header .btn_ai {
    background: url('../../common/images/spritePc.png') 0 -188px no-repeat;
    display: inline-block;
    width: 130px;
    height: 130px;
    padding-top: 130px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
    position: absolute;
    top: 570px;
    right: 145px;
  }
  #top .o-header .btn_ai:hover {
    background: url('../../common/images/spritePc.png') 0 -48px no-repeat;
    display: inline-block;
    width: 130px;
    height: 130px;
    padding-top: 130px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #top .o-header .topMov {
    position: absolute;
    top: 410px;
    right: 45px;
  }
  #top .o-header .mod-download {
    position: absolute;
    top: 663px;
    left: 0;
    text-align: center;
    width: 100%;
  }
  #top .o-header .d-top-main .main {
    display: none;
  }

  #top .o-body.news-bg {
    background: url(/common/images/bg-news.png) repeat-y center top;
  }
  #top .o-body.news-bg .o-main {
    padding-top: 30px;
  }

  #top .mod-group.-info .ex-button {
    display: none;
  }
}
@media all and (max-width: 720px) {
  #top .mod-group.-info .ex-button {
    margin-top: 15px;
  }
  #top .mod-group.-info .ex-button .mod-button {
    display: block;
  }

  #top .logo_pokemon {
    position: absolute;
    left: 15px;
    top: 0.1%;
    z-index: 1;
    width: 43%;
  }
  #top .d-top-main {
    position: relative;
  }
  #top .d-top-main .btn_ai {
    position: absolute;
    width: 23%;
    bottom: 13%;
    left: 15px;
  }
  #top .d-top-main .mod-download {
    position: absolute;
    bottom: 2%;
    text-align: center;
    width: 100%;
  }
  #top .st-inlineCenter.banner {
    margin-left: -40px;
    margin-right: -40px;
  }

  #top .o-body.news-bg {
    background: url(/top/bg_info_sp.png) no-repeat center top;
    background-size: 100% auto;
  }
}
@media all and (min-width: 721px) {
  #top .-txt01_bg {
    position: relative;
  }
  #top .-txt01_bg:before {
    content: "";
    display: block;
    width: 630px;
    height: 548px;
    background: url(/top/txt01_bg.png);
    position: absolute;
    top: -80px;
    left: -40px;
    z-index: -1;
    opacity: 0.5;
  }
}
@media all and (max-width: 720px) {
  #top .mod-narrowContent.-product .sub-heading span {
    display: inline-block;
    width: 35%;
  }

  #top .mod-narrowContent.-product .mod-image.-logo {
    padding-bottom: 20px;
  }
  #top .mod-narrowContent.-product .mod-image.-logo img {
    width: 65%;
  }
}
@media all and (min-width: 721px) {
  #top .ttl01 {
    margin-bottom: 5%;
    position: relative;
    padding-top: 250px;
  }
  #top .ttl01 img {
    display: none;
  }
  #top .ttl01:before {
    content: "";
    background: url(/top/ttl01.png) no-repeat center top;
    width: 1128px;
    height: 455px;
    position: absolute;
    top: -50px;
    left: 30px;
  }

  #top .sub-heading {
    margin: -7px 0 -4px -7px;
  }
}
@media all and (max-width: 720px) {
  #top .ttl01 {
    padding-top: 0;
    margin: -5% -20px -2%;
  }

  #top .sub-heading.showSp.st-inlineCenter.-twitter {
    margin: -10px auto 15px;
  }
  #top .sub-heading.showSp.st-inlineCenter.-twitter img {
    width: 40%;
  }
}
#world .dNone {
  display: none;
}
@media all and (min-width: 721px) {
  #world .o-header {
    background: url(/world/images/bg01.png) top center no-repeat;
  }
  #world .o-header .ex-headingLv1 {
    text-align: center;
    padding: 90px 0 10px;
  }
}
@media all and (max-width: 720px) {
  #world .o-header {
    background: #000 url(/world/images/bg01_sp.png) center 20px no-repeat;
    background-size: 100% auto;
    position: relative;
    padding-bottom: 12px;
  }
  #world .o-header:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: url(/world/images/line.png) top center no-repeat;
    background-size: 100% auto;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #world .o-header .ex-headingLv1 {
    text-align: center;
    padding-top: 45px;
  }
  #world .o-header .mod-group {
    margin: 0 15px 15px;
  }
}
@media all and (min-width: 721px) {
  #world .o-body.-worldBg2 {
    background: #000 url(/world/images/bg02.png) top center no-repeat;
  }
}
@media all and (max-width: 720px) {
  #world .o-body.-worldBg2 {
    background: #000 url(/world/images/bg02_sp.png) top center no-repeat;
    background-size: 100% auto;
    padding-top: 20px;
  }
}
@media all and (min-width: 721px) {
  #world .o-body.-worldBg3 {
    background: #000 url(/world/images/bg03.png) top center no-repeat;
  }
}
@media all and (max-width: 720px) {
  #world .o-body.-worldBg3 {
    background: #000 url(/world/images/bg03_sp.png) top center no-repeat;
    background-size: 100% auto;
    padding-top: 20px;
  }
}
@media all and (min-width: 721px) {
  #world .o-body.-worldBg4 {
    background: #000 url(/world/images/bg04.png) top center no-repeat;
  }
}
@media all and (max-width: 720px) {
  #world .o-body.-worldBg4 {
    background: #000 url(/world/images/bg04_sp.png) top center no-repeat;
    background-size: 100% auto;
    padding-top: 20px;
  }
}
@media all and (min-width: 721px) {
  #world .mod-group-outer.-addIcon1 {
    position: relative;
  }
  #world .mod-group-outer.-addIcon1:before {
    content: "";
    display: block;
    width: 72px;
    height: 72px;
    background: url(/world/images/icon01.png);
    background-size: 100% auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -37px;
    margin: auto;
  }
}
@media all and (max-width: 720px) {
  #world .mod-group-outer.-addIcon1 {
    position: relative;
  }
  #world .mod-group-outer.-addIcon1:before {
    content: "";
    display: block;
    width: 43px;
    height: 43px;
    background: url(/world/images/icon01.png);
    background-size: 100% auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -23px;
    margin: auto;
  }
}
@media all and (min-width: 721px) {
  #world .mod-group-outer.-addIcon2 {
    position: relative;
  }
  #world .mod-group-outer.-addIcon2:before {
    content: "";
    display: block;
    width: 72px;
    height: 72px;
    background: url(/world/images/icon02.png);
    background-size: 100% auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -37px;
    margin: auto;
  }
}
@media all and (max-width: 720px) {
  #world .mod-group-outer.-addIcon2 {
    position: relative;
  }
  #world .mod-group-outer.-addIcon2:before {
    content: "";
    display: block;
    width: 43px;
    height: 43px;
    background: url(/world/images/icon02.png);
    background-size: 100% auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -23px;
    margin: auto;
  }
}
@media all and (min-width: 721px) {
  #world .addPoke {
    position: relative;
  }
  #world .addPoke:before {
    content: url(/world/images/poke.png);
    position: absolute;
    top: 70px;
    left: -50px;
  }
}
@media all and (min-width: 721px) {
  #world .ex-anchor {
    padding: 10px 0 28px;
  }
  #world .ex-anchor #a01 {
    background: url('../../common/images/spritePc.png') 0 -5397px no-repeat;
    display: inline-block;
    width: 242px;
    height: 107px;
    padding-top: 107px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #world .ex-anchor #a01:hover {
    background: url('../../common/images/spritePc.png') 0 -5280px no-repeat;
    display: inline-block;
    width: 242px;
    height: 107px;
    padding-top: 107px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #world .ex-anchor #a02 {
    background: url('../../common/images/spritePc.png') 0 -5631px no-repeat;
    display: inline-block;
    width: 242px;
    height: 107px;
    padding-top: 107px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #world .ex-anchor #a02:hover {
    background: url('../../common/images/spritePc.png') 0 -5514px no-repeat;
    display: inline-block;
    width: 242px;
    height: 107px;
    padding-top: 107px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #world .ex-anchor #a03 {
    background: url('../../common/images/spritePc.png') 0 -5865px no-repeat;
    display: inline-block;
    width: 242px;
    height: 107px;
    padding-top: 107px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #world .ex-anchor #a03:hover {
    background: url('../../common/images/spritePc.png') 0 -5748px no-repeat;
    display: inline-block;
    width: 242px;
    height: 107px;
    padding-top: 107px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #world .ex-anchor #a04 {
    background: url('../../common/images/spritePc.png') 0 -6099px no-repeat;
    display: inline-block;
    width: 242px;
    height: 107px;
    padding-top: 107px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #world .ex-anchor #a04:hover {
    background: url('../../common/images/spritePc.png') 0 -5982px no-repeat;
    display: inline-block;
    width: 242px;
    height: 107px;
    padding-top: 107px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
}
@media all and (max-width: 720px) {
  #world .ex-anchor {
    padding: 0px 30px 5px;
  }
  #world .ex-anchor .mod-grid {
    *zoom: 1;
  }
  #world .ex-anchor .mod-grid:after {
    content: '';
    display: table;
    clear: both;
  }
  #world .ex-anchor .mod-grid > .sub-cell {
    float: left;
  }
}
@media all and (min-width: 721px) {
  #world .-worldBg2 .ex-headingLv3 {
    margin-top: -70px;
  }
}
@media all and (max-width: 720px) {
  #world .-worldBg2 .ex-headingLv3 {
    margin-top: -11%;
  }
}
@media all and (min-width: 721px) {
  #world .-addBottomLeadYUJI {
    margin-bottom: 70px;
  }
}
@media all and (max-width: 720px) {
  #world .-addBottomLeadYUJI {
    margin-bottom: 11%;
  }
}
@media all and (min-width: 721px) {
  #world .mod-image.-bossYUJI {
    position: absolute;
    top: -70px;
  }
}
@media all and (max-width: 720px) {
  #world .mod-para.heading {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media all and (min-width: 721px) {
  #world .-addBottomHeadDUEL {
    margin-bottom: 60px;
  }
}
@media all and (max-width: 720px) {
  #world .-addBottomHeadDUEL {
    margin-bottom: 30px;
  }
}
@media all and (min-width: 721px) {
  #world .mod-image.-irregular {
    position: relative;
  }
  #world .mod-image.-irregular img {
    position: absolute;
    left: 0;
  }
}
@media all and (max-width: 720px) {
  #world .mod-image.-irregular {
    margin-right: -5%;
  }
}
@media all and (min-width: 721px) {
  #world .-addTopSectionDUEL {
    margin-top: 60px;
  }
}
@media all and (max-width: 720px) {
  #world .-addTopSectionDUEL {
    margin-top: 40px;
  }
}
@media all and (min-width: 721px) {
  #world .mod-image.-irregular2 {
    margin-right: -14px;
    margin-bottom: -20px;
  }
}
@media all and (max-width: 720px) {
  #world .mod-image.-irregular2 {
    margin-right: -5%;
  }
}
@media all and (max-width: 720px) {
  #world .mod-panelTrigger {
    font-size: 0;
    *zoom: 1;
  }
  #world .mod-panelTrigger:after {
    content: '';
    display: table;
    clear: both;
  }
  #world .mod-panelTrigger a {
    display: inline-block;
    float: left;
    padding: 5px;
    font-size: 14px;
    font-size: 1.4rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
  }
  #world .mod-panelTrigger a:first-child {
    width: auto;
    position: relative;
    padding: 0;
  }
  #world .mod-panelTrigger a:first-child img {
    position: relative;
    z-index: 1;
  }
  #world .mod-panelTrigger a:first-child span:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/world/images/bg_player.png);
    background-size: 100% auto;
    z-index: 0;
  }
  #world .mod-panelTrigger a:first-child:after {
    content: "";
    display: block;
    width: 30px;
    height: 37px;
    background: url(/common/images/icon-next.png);
    background-size: 100% auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }
}
@media all and (min-width: 721px) {
  #world #anc02 .ex-headingLv2 {
    margin-bottom: 50px;
  }
  #world #anc02 .mod-group-outer {
    z-index: 5;
  }
  #world .changer {
    position: relative;
    width: 160px;
    z-index: 2;
  }
  #world .changer > .player01 {
    position: absolute;
    top: 0;
  }
  #world .changer > .player01 > a {
    background: url('../../common/images/spritePc.png') 0 -1626px no-repeat;
    display: inline-block;
    width: 108px;
    height: 108px;
    padding-top: 108px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #world .changer > .player01:hover > a,
  #world .changer > .player01.isActive > a {
    background: url('../../common/images/spritePc.png') 0 -1508px no-repeat;
    display: inline-block;
    width: 108px;
    height: 108px;
    padding-top: 108px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #world .changer > .player02 {
    position: absolute;
    top: 85px;
    right: 0;
  }
  #world .changer > .player02 > a {
    background: url('../../common/images/spritePc.png') 0 -1862px no-repeat;
    display: inline-block;
    width: 108px;
    height: 108px;
    padding-top: 108px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #world .changer > .player02:hover > a,
  #world .changer > .player02.isActive > a {
    background: url('../../common/images/spritePc.png') 0 -1744px no-repeat;
    display: inline-block;
    width: 108px;
    height: 108px;
    padding-top: 108px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #world .changer > .player03 {
    position: absolute;
    top: 170px;
  }
  #world .changer > .player03 > a {
    background: url('../../common/images/spritePc.png') 0 -2098px no-repeat;
    display: inline-block;
    width: 108px;
    height: 108px;
    padding-top: 108px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #world .changer > .player03:hover > a,
  #world .changer > .player03.isActive > a {
    background: url('../../common/images/spritePc.png') 0 -1980px no-repeat;
    display: inline-block;
    width: 108px;
    height: 108px;
    padding-top: 108px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #world .changer > .player04 {
    position: absolute;
    top: 255px;
    right: 0;
  }
  #world .changer > .player04 > a {
    background: url('../../common/images/spritePc.png') 0 -2334px no-repeat;
    display: inline-block;
    width: 108px;
    height: 108px;
    padding-top: 108px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #world .changer > .player04:hover > a,
  #world .changer > .player04.isActive > a {
    background: url('../../common/images/spritePc.png') 0 -2216px no-repeat;
    display: inline-block;
    width: 108px;
    height: 108px;
    padding-top: 108px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #world .changer > .player05 {
    position: absolute;
    top: 340px;
  }
  #world .changer > .player05 > a {
    background: url('../../common/images/spritePc.png') 0 -2570px no-repeat;
    display: inline-block;
    width: 108px;
    height: 108px;
    padding-top: 108px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #world .changer > .player05:hover > a,
  #world .changer > .player05.isActive > a {
    background: url('../../common/images/spritePc.png') 0 -2452px no-repeat;
    display: inline-block;
    width: 108px;
    height: 108px;
    padding-top: 108px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #world .playerBlock {
    height: 440px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  #world .playerBlock .sub-playerBlock {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    padding: 75px 50px 0 510px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition-property: opacity;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
  }
  #world .playerBlock .sub-playerBlock.isVisible {
    opacity: 1;
  }
  #world .playerBlock .sub-playerBlock:before {
    content: "";
    display: block;
    width: 508px;
    height: 602px;
    position: absolute;
    top: -50px;
    left: 120px;
  }
  #world .playerBlock .sub-playerBlock.sub-player01:before {
    content: "";
    background: url(/world/images/player01_pc.png);
  }
  #world .playerBlock .sub-playerBlock.sub-player02:before {
    content: "";
    background: url(/world/images/player02_pc.png);
  }
  #world .playerBlock .sub-playerBlock.sub-player03:before {
    content: "";
    background: url(/world/images/player03_pc.png);
  }
  #world .playerBlock .sub-playerBlock.sub-player04:before {
    content: "";
    background: url(/world/images/player04_pc.png);
  }
  #world .playerBlock .sub-playerBlock.sub-player05:before {
    content: "";
    background: url(/world/images/player05_pc.png);
  }
}

#pfg .dNone {
  display: none;
}
@media all and (min-width: 721px) {
  #pfg .o-header {
    background: url(/pfg/images/bg01.png) top center no-repeat;
  }
  #pfg .o-header .ex-headingLv1 {
    text-align: center;
    padding: 90px 0 10px;
  }
}
@media all and (max-width: 720px) {
  #pfg .o-header {
    background: #000 url(/pfg/images/bg01_sp.png) center 20px no-repeat;
    background-size: 100% auto;
    position: relative;
    padding-bottom: 12px;
  }
  #pfg .o-header:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: url(/pfg/images/line.png) top center no-repeat;
    background-size: 100% auto;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #pfg .o-header .ex-headingLv1 {
    text-align: center;
    padding-top: 45px;
  }
}
@media all and (min-width: 721px) {
  #pfg .ex-headingLv2 {
    margin-bottom: 50px;
  }
}
@media all and (max-width: 720px) {
  #pfg .ex-headingLv2 {
    margin: 10px auto 30px;
  }
  #pfg .ex-headingLv2.-marginAdjust {
    margin-bottom: 15px;
  }
}
@media all and (max-width: 720px) {
  #pfg .mod-grid.-marginAdjust {
    margin-top: -15px;
  }
}
@media all and (min-width: 721px) {
  #pfg .ex-anchor {
    padding: 427px 0 35px;
    width: 1000px;
    margin: auto;
  }
  #pfg .ex-anchor #a01 {
    background: url('../../common/images/spritePc.png') 0 -4135px no-repeat;
    display: inline-block;
    width: 242px;
    height: 107px;
    padding-top: 107px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #pfg .ex-anchor #a01:hover {
    background: url('../../common/images/spritePc.png') 0 -4018px no-repeat;
    display: inline-block;
    width: 242px;
    height: 107px;
    padding-top: 107px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #pfg .ex-anchor #a02 {
    background: url('../../common/images/spritePc.png') 0 -4369px no-repeat;
    display: inline-block;
    width: 242px;
    height: 107px;
    padding-top: 107px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #pfg .ex-anchor #a02:hover {
    background: url('../../common/images/spritePc.png') 0 -4252px no-repeat;
    display: inline-block;
    width: 242px;
    height: 107px;
    padding-top: 107px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #pfg .ex-anchor #a03 {
    background: url('../../common/images/spritePc.png') 0 -4603px no-repeat;
    display: inline-block;
    width: 242px;
    height: 107px;
    padding-top: 107px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #pfg .ex-anchor #a03:hover {
    background: url('../../common/images/spritePc.png') 0 -4486px no-repeat;
    display: inline-block;
    width: 242px;
    height: 107px;
    padding-top: 107px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
}
@media all and (max-width: 720px) {
  #pfg .ex-anchor {
    padding: 65% 30px 5px;
  }
  #pfg .ex-anchor .mod-grid {
    *zoom: 1;
  }
  #pfg .ex-anchor .mod-grid:after {
    content: '';
    display: table;
    clear: both;
  }
  #pfg .ex-anchor .mod-grid > .sub-cell {
    float: left;
  }
  #pfg .ex-anchor .mod-grid > .sub-cell:nth-child(3) {
    float: none;
  }
}
@media all and (min-width: 721px) {
  #pfg .o-body.-pfgBg2 {
    background: #000 url(/pfg/images/bg02.png) top center no-repeat;
    background-size: 1600px 100%;
  }
}
@media all and (max-width: 720px) {
  #pfg .o-body.-pfgBg2 {
    background: #000 url(/pfg/images/bg02_sp.png) top center no-repeat;
    background-size: 100% auto;
  }
}
@media all and (min-width: 721px) {
  #pfg .o-body.-pfgBg3 {
    background: #000 url(/pfg/images/bg03.png) top center no-repeat;
  }
}
@media all and (max-width: 720px) {
  #pfg .o-body.-pfgBg3 {
    background: #000 url(/pfg/images/bg03_sp.png) top center no-repeat;
    background-size: 100% auto;
  }
}
@media all and (min-width: 721px) {
  #pfg .o-body.-pfgBg4 {
    background: #000 url(/pfg/images/bg04.png) top center no-repeat;
  }
}
@media all and (max-width: 720px) {
  #pfg .o-body.-pfgBg4 {
    background: #000 url(/pfg/images/bg04_sp.png) top center no-repeat;
    background-size: 100% auto;
  }
}
@media all and (max-width: 720px) {
  #pfg .mod-image.-duelImage {
    margin: auto -5.2%;
  }
}
@media all and (min-width: 721px) {
  #pfg .mod-image.-duelHeading {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 720px) {
  #pfg .mod-image.-duelHeading {
    margin-bottom: 10px;
  }
}
#pfg .mod-group.-pfgAI {
  position: relative;
  color: #fff;
}
@media all and (min-width: 721px) {
  #pfg .mod-group.-pfgAI {
    background: url(/pfg/images/bg-pfgAI-pc.png) top left no-repeat;
    width: 840px;
    height: 238px;
    padding: 80px 40px 0 275px;
    margin: 40px 0 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-size: 1.4rem;
  }
  #pfg .mod-group.-pfgAI .mod-para.-headingPfgAi {
    display: none;
  }
}
@media all and (max-width: 720px) {
  #pfg .mod-group.-pfgAI {
    padding: 1.4%;
    background: url(/pfg/images/bgGroup-pfgAI-body-sp.png) repeat-y;
    background-size: 100% 100%;
    font-size: 12px;
    font-size: 1.2rem;
  }
  #pfg .mod-group.-pfgAI:before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-top: 1.5%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/pfg/images/bgGroup-pfgAI-head-sp.png);
    background-size: 100% 100%;
  }
  #pfg .mod-group.-pfgAI:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-top: 1.5%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/pfg/images/bgGroup-pfgAI-bottom-sp.png);
    background-size: 100% 100%;
  }
  #pfg .mod-group.-pfgAI > .sub-inner {
    padding: 0 15px 20px;
    position: relative;
  }
  #pfg .mod-group.-pfgAI > .sub-inner p {
    position: relative;
    z-index: 1;
  }
  #pfg .mod-group.-pfgAI > .sub-inner:after {
    content: "";
    display: block;
    width: 40%;
    height: 40%;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(/pfg/images/img-pfgAI-sp.png) right bottom no-repeat;
    background-size: 100% auto;
  }
  #pfg .mod-group.-pfgAI .mod-para.-headingPfgAi {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media all and (min-width: 721px) {
  #pfg .mod-group.-box.-adBg .mod-group-outer {
    background: url(/pfg/images/bg.jpg);
    background-size: 100% 100%;
  }
}
@media all and (min-width: 721px) {
  #pfg .mod-textAndImageBlock.-duel1 {
    width: 800px;
    margin-bottom: 30px;
  }
  #pfg .mod-textAndImageBlock.-duel1 > .sub-content:first-child {
    width: 420px;
  }
  #pfg .mod-textAndImageBlock.-duel1 > .sub-content:first-child > .sub-inner {
    margin: 0;
  }
  #pfg .mod-textAndImageBlock.-duel1 > .sub-content:last-child {
    width: 380px;
  }
  #pfg .mod-textAndImageBlock.-duel1 > .sub-content:last-child > .sub-inner {
    margin: -10px 0 0 0;
  }
  #pfg .mod-textAndImageBlock.-duel2 {
    width: 760px;
    margin-bottom: 30px;
    margin-left: 60px;
  }
  #pfg .mod-textAndImageBlock.-duel2 > .sub-content:first-child {
    width: 410px;
  }
  #pfg .mod-textAndImageBlock.-duel2 > .sub-content:first-child > .sub-inner {
    margin: 0;
  }
  #pfg .mod-textAndImageBlock.-duel2 > .sub-content:last-child {
    width: 340px;
  }
  #pfg .mod-textAndImageBlock.-duel2 > .sub-content:last-child > .sub-inner {
    margin: -10px 0 0 0;
  }
  #pfg .mod-textAndImageBlock.-duel3 {
    width: 800px;
  }
  #pfg .mod-textAndImageBlock.-duel3 > .sub-content:first-child > .sub-inner {
    margin: 0;
    padding-top: 50px;
  }
  #pfg .mod-textAndImageBlock.-duel3 > .sub-content:last-child > .sub-inner {
    margin: -10px 0 0 0;
  }
  #pfg .mod-textAndImageBlock.-duel4 {
    width: 800px;
  }
  #pfg .mod-textAndImageBlock.-duel4 > .sub-content:first-child > .sub-inner {
    margin: 0;
    padding-top: 50px;
  }
  #pfg .mod-textAndImageBlock.-duel4 > .sub-content:last-child > .sub-inner {
    margin: -10px 0 0 0;
  }
}
@media all and (min-width: 721px) {
  #pfg .mod-grid.-deck {
    position: relative;
    margin: 0 0 30px -40px;
  }
  #pfg .mod-grid.-deck:after {
    content: url(/pfg/images/iconPlus.png);
    width: 72px;
    height: 72px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 543px;
    margin: auto;
  }
  #pfg .mod-grid.-deck .mod-group.-box2 .mod-group-outer {
    padding: 40px 15px 30px;
  }
  #pfg .mod-grid.-deck .mod-image.-deckHeading {
    margin: -70px 0 15px;
  }
  #pfg .mod-grid.-deck .mod-image.-deckHeading img {
    height: 60px;
  }
}
@media all and (max-width: 720px) {
  #pfg .mod-grid.-deck .mod-image.-deckHeading {
    margin: -33px auto 10px;
  }
  #pfg .mod-grid.-deck .mod-image.-deckHeading img {
    height: 37px;
  }
  #pfg .mod-grid.-deck .sub-cell.x3of7 > .sub-inner {
    margin-top: 40px;
    position: relative;
  }
  #pfg .mod-grid.-deck .sub-cell.x3of7 > .sub-inner:after {
    content: "";
    background: url(/pfg/images/iconPlus.png);
    width: 36px;
    height: 36px;
    background-size: 100% auto;
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    margin: auto;
  }
}
@media all and (max-width: 720px) {
  #pfg .mod-panelTrigger {
    font-size: 0;
    *zoom: 1;
  }
  #pfg .mod-panelTrigger:after {
    content: '';
    display: table;
    clear: both;
  }
  #pfg .mod-panelTrigger a {
    display: inline-block;
    float: left;
    padding: 5px;
    font-size: 16px;
    font-size: 1.6rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
  }
  #pfg .mod-panelTrigger a:first-child {
    width: auto;
    position: relative;
    padding: 0;
  }
  #pfg .mod-panelTrigger a:first-child > span {
    display: block;
    margin: 0 -10% -10%;
  }
  #pfg .mod-panelTrigger a:first-child:after {
    content: "";
    display: block;
    width: 30px;
    height: 38px;
    background: url(/common/images/icon-next.png);
    background-size: 100% auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }
  #pfg .mod-panel .mod-group.-box {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media all and (min-width: 721px) {
  #pfg #anc03 .mod-group-outer {
    z-index: 5;
  }
  #pfg .changer {
    position: relative;
    width: 160px;
    z-index: 2;
  }
  #pfg .changer > .figure01 {
    position: absolute;
    top: 0;
  }
  #pfg .changer > .figure01 > a {
    background: url('../../common/images/spritePc.png') 0 -446px no-repeat;
    display: inline-block;
    width: 108px;
    height: 108px;
    padding-top: 108px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #pfg .changer > .figure01:hover > a,
  #pfg .changer > .figure01.isActive > a {
    background: url('../../common/images/spritePc.png') 0 -328px no-repeat;
    display: inline-block;
    width: 108px;
    height: 108px;
    padding-top: 108px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #pfg .changer > .figure02 {
    position: absolute;
    top: 85px;
    right: 0;
  }
  #pfg .changer > .figure02 > a {
    background: url('../../common/images/spritePc.png') 0 -682px no-repeat;
    display: inline-block;
    width: 108px;
    height: 108px;
    padding-top: 108px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #pfg .changer > .figure02:hover > a,
  #pfg .changer > .figure02.isActive > a {
    background: url('../../common/images/spritePc.png') 0 -564px no-repeat;
    display: inline-block;
    width: 108px;
    height: 108px;
    padding-top: 108px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #pfg .changer > .figure03 {
    position: absolute;
    top: 170px;
  }
  #pfg .changer > .figure03 > a {
    background: url('../../common/images/spritePc.png') 0 -918px no-repeat;
    display: inline-block;
    width: 108px;
    height: 108px;
    padding-top: 108px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #pfg .changer > .figure03:hover > a,
  #pfg .changer > .figure03.isActive > a {
    background: url('../../common/images/spritePc.png') 0 -800px no-repeat;
    display: inline-block;
    width: 108px;
    height: 108px;
    padding-top: 108px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #pfg .changer > .figure04 {
    position: absolute;
    top: 255px;
    right: 0;
  }
  #pfg .changer > .figure04 > a {
    background: url('../../common/images/spritePc.png') 0 -1154px no-repeat;
    display: inline-block;
    width: 108px;
    height: 108px;
    padding-top: 108px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #pfg .changer > .figure04:hover > a,
  #pfg .changer > .figure04.isActive > a {
    background: url('../../common/images/spritePc.png') 0 -1036px no-repeat;
    display: inline-block;
    width: 108px;
    height: 108px;
    padding-top: 108px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #pfg .changer > .figure05 {
    position: absolute;
    top: 340px;
  }
  #pfg .changer > .figure05 > a {
    background: url('../../common/images/spritePc.png') 0 -1390px no-repeat;
    display: inline-block;
    width: 108px;
    height: 108px;
    padding-top: 108px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #pfg .changer > .figure05:hover > a,
  #pfg .changer > .figure05.isActive > a {
    background: url('../../common/images/spritePc.png') 0 -1272px no-repeat;
    display: inline-block;
    width: 108px;
    height: 108px;
    padding-top: 108px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 100%;
    white-space: nowrap;
  }
  #pfg .figureBlock {
    height: 457px;
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
  }
  #pfg .figureBlock:before {
    content: "";
    background: url(/pfg/images/kirakira.png) 0 0 no-repeat;
    position: absolute;
    top: -38px;
    left: 0;
    width: 669px;
    height: 538px;
  }
  #pfg .figureBlock .sub-figureBlock {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    padding: 25px 50px 0 510px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition-property: opacity;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
  }
  #pfg .figureBlock .sub-figureBlock.isVisible {
    opacity: 1;
  }
  #pfg .figureBlock .sub-figureBlock:before {
    content: "";
    display: block;
    width: 312px;
    height: 465px;
    position: absolute;
    top: 10px;
    left: 160px;
  }
  #pfg .figureBlock .sub-figureBlock.sub-figure01:before {
    content: "";
    background: url(/pfg/images/figure01_pc.png);
  }
  #pfg .figureBlock .sub-figureBlock.sub-figure02:before {
    content: "";
    background: url(/pfg/images/figure02_pc.png);
  }
  #pfg .figureBlock .sub-figureBlock.sub-figure03:before {
    content: "";
    background: url(/pfg/images/figure03_pc.png);
  }
  #pfg .figureBlock .sub-figureBlock.sub-figure04:before {
    content: "";
    background: url(/pfg/images/figure04_pc.png);
  }
  #pfg .figureBlock .sub-figureBlock.sub-figure05:before {
    content: "";
    background: url(/pfg/images/figure05_pc.png);
  }
}

#maintenance .ex-maintenance a {
  display: block;
  background: #001024;
  text-align: center;
  padding: 1em;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  line-height: 1em;
}
#maintenance .ex-maintenance a:before {
  content: "\e603";
  font-family: 'icon';
  margin-right: 0.5em;
  vertical-align: middle;
  line-height: 1em;
}
#maintenance .ex-maintenance a:hover {
  color: #00d5ff;
}
@media all and (min-width: 721px) {
  #maintenance .o-header {
    min-height: 0;
  }
  #maintenance .o-body {
    background: url(/common/images/line-gold.png) no-repeat center top, url(/faq/images/bg.png) repeat-y center top;
  }
  #maintenance .o-body .o-main {
    padding-top: 100px;
  }
  #maintenance p.heading {
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold;
    margin: 110px 0 50px;
    text-align: center;
  }
  #maintenance p.txt {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 0 70px;
    text-align: center;
  }
  #maintenance .ex-maintenance {
    margin-bottom: 60px;
  }
}
@media all and (max-width: 720px) {
  #maintenance .o-header-inner {
    padding-bottom: 30px;
    background: #000000 url(/common/images/line-gold.png) no-repeat center bottom;
    background-size: auto 2px;
  }
  #maintenance .o-body {
    padding-top: 30px;
  }
  #maintenance p.heading {
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: bold;
    margin: 0 0 1em;
  }
  #maintenance p.txt {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 0 1em;
  }
  #maintenance .ex-maintenance {
    margin: 0 0 1em;
  }
}

.cms-content p {
  margin: 1.5em 0;
}
.cms-content .mod-list {
  margin: 1.5em 0;
}
.cms-content ol {
  padding-left: 1.5em;
  list-style-type: decimal;
}
.cms-content ol li {
  display: list-item;
}
.cms-content ul {
  padding-left: 1.5em;
  list-style-type: disc;
}
.cms-content ul li {
  display: list-item;
}
.cms-content ul.mod-list.-mark {
  padding-left: 0;
}
.cms-content ul.mod-list.-mark li {
  list-style-type: none;
}
.cms-content strong {
  font-weight: bold;
}

.ex-headingLv3 {
  margin-bottom: 20px;
  color: #ffffff;
  font-size: 18px;
  font-size: 1.8rem;
}

.ex-headingLv3-center {
  margin-bottom: 20px;
  color: #ffffff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}

.ex-headingLv4 {
  margin-bottom: 20px;
  font-weight: bold;
}
@media all and (max-width: 720px) {
  .ex-headingLv4 {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
}

.ex-infoTop {
  margin-top: 16px;
  height: 340px;
  overflow-y: scroll;
  padding-right: 20px;
  margin-right: -10px;
}
.ex-infoTop .mod-list.-date .sub-li:first-child {
  padding-top: 12px;
  border-top: 1px solid #0474d3;
}
.ex-infoTop .mod-list.-date .sub-text a {
  display: block;
  margin-top: 10px;
  margin-left: 0;
}

@media all and (min-width: 721px) {
  .ex-headingLv3-center {
    margin-bottom: 26px;
    text-align: center;
  }

  #news .ex-headingLv1 {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 92px;
    width: 100%;
    height: 210px;
    background: url(/news/images/img_header.png) no-repeat center top;
    z-index: -1;
    box-sizing: border-box;
    text-align: center;
  }

  #faq .ex-headingLv1 {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 92px;
    width: 100%;
    height: 210px;
    background: url(/faq/images/img_header.png) no-repeat center top;
    z-index: -1;
    box-sizing: border-box;
    text-align: center;
  }
  #faq .o-header {
    min-height: 206px;
  }

  .o-body {
    padding-bottom: 50px;
    background: url(/news/images/bg.png) repeat-y center top;
  }

  #faq .o-body {
    background: url(/faq/images/bg.png) repeat-y center top;
  }

  #faq .o-body.faq-bg {
    background: #000000 url(/faq/images/bg-faq.png) no-repeat center top;
  }

  .ex-headingLv2 {
    margin-bottom: 50px;
    text-align: center;
  }

  .o-body.bg-01 {
    background: url(/common/images/bg-01.png) no-repeat center top;
  }

  .o-body.bg-02 {
    background: url(/common/images/bg-02.png) no-repeat center top;
  }

  .o-body.bg-03 {
    background: url(/common/images/bg-03.png) no-repeat center top;
  }
  .o-body.bg-03 .o-body-inner .o-main {
    padding: 45px 0 35px !important;
  }

  .o-body.bg-04 {
    background: url(/common/images/bg-04.png) no-repeat center top;
  }

  .o-body.bg-04-top {
    background: url(/top/bg-04.png) no-repeat center top;
  }
}
@media all and (max-width: 720px) {
  .o-body.bg-01 {
    background: url(/common/images/bg-01.png) no-repeat center top;
    background-size: 100% auto;
  }

  .o-body.bg-02 {
    background: url(/common/images/bg-line-sp.png) no-repeat center top, url(/common/images/bg-02-sp.png) no-repeat center top;
    background-size: 100% auto;
  }

  .o-body.bg-03 {
    background: url(/common/images/bg-03-sp.png) no-repeat center top;
    background-size: 100% auto;
  }

  .o-body.bg-04 {
    background: url(/common/images/bg-04-sp.png) no-repeat center top;
    background-size: 100% auto;
  }

  .o-body.bg-04-top {
    background: url(/top/bg-04-sp.png) no-repeat center top;
    background-size: 100% auto;
  }

  .o-body.bg-mov {
    background: url(/common/images/bg-mov.png) no-repeat center top;
    background-size: 100% auto;
  }

  .ex-headingLv1 {
    padding-top: 53px;
  }
  .ex-headingLv1 img {
    max-width: none;
    width: 100%;
  }

  .ex-headingLv3-center {
    padding-top: 20px;
    font-size: 15px;
    font-size: 1.5rem;
  }

  .ex-infoTop {
    display: none;
  }

  .ex-headingLv2 {
    text-align: center;
    margin-bottom: 25px;
  }

  #faq .ex-headingLv2 {
    text-align: center;
    margin: 0 10px 25px;
  }

  #faq .o-body.faq-bg {
    background: #000 url(/faq/images/bg-faq-sp.png) no-repeat center top;
    background-size: 100% auto;
  }
  #faq .o-body.faq-bg .mod-group {
    font-size: 12px;
    font-size: 1.2rem;
  }
}