@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline; }
html {
line-height: 1; }
ol, ul {
list-style: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle; }
q, blockquote {
quotes: none; }
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none; }
a img {
border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
.clearfix {
zoom: 1; }
.clearfix:before,
.clearfix:after {
content: "";
display: table; }
.clearfix:after {
clear: both; }
.m0a {
margin: 0 auto; }
.mb0 {
margin-bottom: 0; }
.mb10 {
margin-bottom: 10px; }
.mb20 {
margin-bottom: 20px; }
.mb60 {
margin-bottom: 60px; }
.mb200 {
margin-bottom: 200px; }
.mt10 {
margin-top: 10px; }
.mr10 {
margin-right: 10px; }
.ml10 {
margin-left: 10px; }
.ml20 {
margin-left: 20px; }
.center {
text-align: center; }
.left {
text-align: left; }
.right {
text-align: right; }
.fl-left {
float: left; }
html,
body {
height: 100%; }
body {
font-family: Meiryo,'Hiragino Kaku Gothic Pro','MS PGothic',sans-serif;
font-size: 14px;
line-height: 1.4; }
a {
color: #0099ff;
text-decoration: none; }
.rollover a:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.rollover a:hover img {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
a {
color: #4a4434;
text-decoration: none; }
a:hover {
text-decoration: underline; }
html,
body {
margin: 0;
padding: 0; }
html {
font-size: 10px; }
body {
font-family: "Hiragino Kaku Gothic Pro", Osaka, Verdana, Meiryo, "MS PGothic", sans-seriffalse;
background: #fff;
color: #4a4434;
font-size: 14px;
line-height: 1.6; }
.rollover a:hover img {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
body.page-notfound .main-content {
min-height: 300px; }
body.page-notfound .msg-404 {
padding: 20px;
text-align: center; }
.wv-l_article .red,
.page_article .red {
color: #ff3399; }
.wv-l_article .blue,
.page_article .blue {
color: #3385d6; }
.wv-l_article .green,
.page_article .green {
color: #1dbec0; }
.wv-l_article .orange,
.page_article .orange {
color: #fd8108; }
.wv-l_article .gray,
.page_article .gray {
color: #666666; }
.wv-l_article .size-l,
.page_article .size-l {
font-size: 1.8rem; }
.wv-l_article .size-m,
.page_article .size-m {
font-size: 1.2rem; }
.wv-l_article .size-s,
.page_article .size-s {
font-size: 0.8rem; }
.wv-l_article .size-20,
.page_article .size-20 {
font-size: 2.0rem; }
.wv-l_article .size-19,
.page_article .size-19 {
font-size: 1.9rem; }
.wv-l_article .size-18,
.page_article .size-18 {
font-size: 1.8rem; }
.wv-l_article .size-17,
.page_article .size-17 {
font-size: 1.7rem; }
.wv-l_article .size-16,
.page_article .size-16 {
font-size: 1.6rem; }
.wv-l_article .size-15,
.page_article .size-15 {
font-size: 1.5rem; }
.wv-l_article .size-14,
.page_article .size-14 {
font-size: 1.4rem; }
.wv-l_article .size-13,
.page_article .size-13 {
font-size: 1.3rem; }
.wv-l_article .size-12,
.page_article .size-12 {
font-size: 1.2rem; }
.wv-l_article .size-11,
.page_article .size-11 {
font-size: 1.1rem; }
.wv-l_article .size-10,
.page_article .size-10 {
font-size: 1.0rem; }
.wv-l_article .size-9,
.page_article .size-9 {
font-size: 0.9rem; }
.wv-l_article .size-8,
.page_article .size-8 {
font-size: 0.8rem; }
@media screen and (min-width: 960px) {
#gmodeheader,
#gmodefooter {
min-width: 960px; }
#gmodeheader {
position: absolute;
top: 0;
left: 0; }
.l_document {
min-width: 480px; }
.m_footermessage {
width: 960px;
margin: 0 auto;
padding: 0;
background: url(/v1/img/ja_JP/common/m_footer_chara.png);
width: 753px;
height: 192px;
background-size: 753px auto; }
.m_footermessage__msg {
font-size: 20px;
color: #4a4434;
padding: 30px 0 0 30px; }
.m_footermessage__sns {
padding: 20px; }
.m_footermessage__sns .twitter {
display: inline-block; }
.m_footermessage__sns .twitter a {
display: block;
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
background: url(/v1/img/ja_JP/common/m_btn-official-twitter.png);
width: 224px;
height: 48px;
background-size: 224px auto; }
.m_footermessage__sns .facebook {
display: inline-block; }
.m_footermessage__sns .facebook a {
display: block;
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
background: url(/v1/img/ja_JP/common/m_btn-official-facebook.png);
width: 224px;
height: 48px;
background-size: 224px auto; }
.page_home .l_footer,
.page_games .l_footer {
background: #4a4434 url(/v1/img/ja_JP/common/m_footer-line.png) no-repeat center 0;
background-size: contain; }
.page_games.nogameguide .l_footer {
background: #4a4434 url(/v1/img/ja_JP/common/m_footer-line_03.png) no-repeat center 0;
background-size: contain; }
.l_footer {
min-width: 960px;
margin: 0 auto;
padding: 0;
position: relative;
z-index: 10;
background: #4a4434 url(/v1/img/ja_JP/common/m_footer-line_02.png) no-repeat center 0;
background-size: contain;
color: #fff;
padding: 100px 0 30px 0; }
.l_footer a {
color: #fff; }
.l_footer .copyright a {
display: block;
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
background: url(/v1/img/ja_JP/common/m_ico-gmode.png);
width: 161px;
height: 30px;
background-size: 161px auto; }
.m_bottom-content {
min-width: 960px;
margin: 0 auto;
padding: 0;
position: relative;
z-index: 10;
background: #e8e6de; }
.m_outlink {
width: 960px;
margin: 0 auto;
padding: 30px 0; }
.m_outlink li {
display: inline-block; }
.m_outlink__head {
font-size: 20px;
margin-bottom: 10px;
border-left: solid 2px #12cfa7;
padding: 0 5px;
line-height: 1.2; }
.m_footernav {
position: relative;
width: 960px;
margin: 0 auto;
padding: 30px 0; }
.m_footernav__list {
float: right; }
.m_footernav__list li {
position: relative;
display: table-cell;
text-align: center;
vertical-align: middle;
padding: 10px; }
#m_loading {
display: none; }
#m_loading.dark {
background: #000; }
#m_loading.dark span {
background: #000 url(/v1/img/ja_JP/common/m_loading-dark.gif);
width: 25px;
height: 25px;
background-size: 25px auto; }
.m_select-lang {
display: block; }
.l_footer .m_select-lang {
display: none; }
.m_select-lang {
position: absolute;
top: 4px;
right: 10px;
z-index: 2000; }
.m_select-lang li {
display: inline-block;
font-size: 12px; }
.m_select-lang li a {
display: inline-block;
line-height: 1;
padding: 4px 10px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; }
.m_select-lang li a.selected {
background: rgba(0, 0, 0, 0.5);
color: #fff; }
.m_gnav.type02 {
display: none;
z-index: 10000; }
.m_gnav {
min-width: 480px;
margin: 0 auto;
background-color: #413c2e;
position: absolute;
top: 0;
z-index: 100;
margin-top: 30px;
padding: 20px 0;
width: 100%;
border-bottom: 40px solid #2cb867; }
.m_gnav .m_gnav__inner {
position: absolute;
top: 20px;
right: 10px; }
.m_gnav .m_gnav__logo {
padding-left: 20px; }
.m_gnav .m_gnav__logo a {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: block;
background: url(/v1/img/ja_JP/common/m_logo_2_m.png);
width: 123px;
height: 123px;
background-size: 123px auto;
background-repeat: no-repeat;
margin-top: -18px;
margin-bottom: -82px; }
.m_gnav .m_gnav__open a {
display: none; }
.m_gnav .m_gnav__list li {
position: relative;
display: table-cell;
text-align: center;
vertical-align: middle; }
.m_gnav .m_gnav__list a {
display: block;
color: #fff;
padding: 4px 20px;
line-height: 1;
border-bottom: solid 1px transparent; }
.m_gnav .m_gnav__list a:hover, .m_gnav .m_gnav__list a.active {
text-decoration: none;
border-bottom: solid 2px #15b056; }
.m_gnav.scrollin {
padding: 20px 0 !important;
border-bottom: solid 32px #15b056 !important; }
.m_gnav.scrollin .m_gnav__list a {
color: #000; }
.m_gnav.scrollin .m_gnav__logo a {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: block;
background: url(/v1/img/ja_JP/common/m_logo_m.png);
width: 123px;
height: 123px;
background-size: 123px auto;
background-repeat: no-repeat;
margin-top: -18px;
margin-bottom: -82px; }
.m_gnav-foot {
clear: both;
position: relative; }
.m_gnav-foot .m_gnav-foot__inner {
zoom: 1;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(255, 99, 173, 0.9);
padding: 15px;
text-shadow: 1px 1px 1px #999; }
.m_gnav-foot .m_gnav-foot__inner:before, .m_gnav-foot .m_gnav-foot__inner:after {
content: "";
display: table; }
.m_gnav-foot .m_gnav-foot__inner:after {
clear: both; }
.m_ttl_01 {
font-weight: bold;
color: #4a4434;
margin-bottom: 30px;
border-left: solid 2px #6cbfc4;
padding-left: 10px;
line-height: 1;
font-size: 24px; }
.m_ttl_01.nb {
border-left: none;
padding-left: 0; }
.m_btn-more {
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #12cfa7;
padding: 3px 12px;
color: #fff;
font-size: 1.2rem; }
.m_btn-more:hover {
color: #fff; }
.m_btn-list {
padding: 10px;
text-align: center; }
.m_btn-01 {
display: inline-block;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
color: #fff;
font-size: 1.4rem;
padding: 10px 20px;
background: #12cfa7;
border: none;
cursor: pointer; }
.m_btn-01:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.m_btn-02 {
display: inline-block;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzM5OSIvPjxzdG9wIG9mZnNldD0iNDguNTElIiBzdG9wLWNvbG9yPSIjZmYzMzk5Ii8+PHN0b3Agb2Zmc2V0PSI1MC40NCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ff3399), color-stop(48.51%, #ff3399), color-stop(50.44%, #ff63ad), color-stop(100%, #ff63ad));
background-image: -moz-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
background-image: -webkit-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
background-image: linear-gradient(to top, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
background-repeat: repeat-x;
background-position: center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: solid 2px #fff;
color: #fff;
font-size: 1.4rem;
padding: 4px 12px; }
.m_btn-02:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.m_btn-02:hover {
color: #fff;
text-decoration: underline; }
.m_btn-03 {
display: inline-block;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iNDguNTElIiBzdG9wLWNvbG9yPSIjNjY2NjY2Ii8+PHN0b3Agb2Zmc2V0PSI1MC40NCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #666666), color-stop(48.51%, #666666), color-stop(50.44%, #666666), color-stop(100%, #999999));
background-image: -moz-linear-gradient(bottom, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
background-image: -webkit-linear-gradient(bottom, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
background-image: linear-gradient(to top, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
border: solid 1px #fff;
color: #fff;
font-size: 1.0rem;
padding: 4px 12px; }
.m_btn-03:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.m_btn-twitter {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: inline-block;
background: url(/v1/img/ja_JP/common/m_btn-twitter.png);
width: 93px;
height: 99px;
background-size: 93px auto;
background-repeat: no-repeat;
background-position: center; }
.m_btn-twitter:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.m_btn-facebook {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: inline-block;
background: url(/v1/img/ja_JP/common/m_btn-fb.png);
width: 93px;
height: 99px;
background-size: 93px auto;
background-repeat: no-repeat;
background-position: center; }
.m_btn-facebook:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.m_btn-google {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: inline-block;
background: url(/v1/img/ja_JP/common/m_btn-gp.png);
width: 93px;
height: 99px;
background-size: 93px auto;
background-repeat: no-repeat;
background-position: center; }
.m_btn-google:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.m_btn-line {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: inline-block;
background: url(/v1/img/ja_JP/common/m_btn-line.png);
width: 93px;
height: 99px;
background-size: 93px auto;
background-repeat: no-repeat;
background-position: center; }
.m_btn-line:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.m_btn-pagetop {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: inline-block;
background: url(/v1/img/ja_JP/common/m_btn-pagetop.png);
width: 55px;
height: 55px;
background-size: 55px auto;
background-repeat: no-repeat;
background-position: center; }
.m_btn-pagetop:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.m_pagetop {
position: absolute;
top: 20px;
right: 50px; }
.m_btn_platform-list.only-sp {
display: none; }
.m_btn_store-ios_s {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: inline-block;
background: url(/v1/img/ja_JP/common/m_btn_store-ios_s.png);
width: 45px;
height: 44px;
background-size: 45px auto;
background-repeat: no-repeat;
background-position: center; }
.m_btn_store-ios_s:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.m_btn_store-android_s {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: inline-block;
background: url(/v1/img/ja_JP/common/m_btn_store-android_s.png);
width: 45px;
height: 44px;
background-size: 45px auto;
background-repeat: no-repeat;
background-position: center; }
.m_btn_store-android_s:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.m_btn_store-ios_l {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: inline-block;
background: url(/v1/img/ja_JP/common/m_btn_store-ios_l.png);
width: 500px;
height: 88px;
background-size: 500px auto;
background-repeat: no-repeat;
background-position: center; }
.m_btn_store-ios_l:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.m_btn_store-android_l {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: inline-block;
background: url(/v1/img/ja_JP/common/m_btn_store-android_l.png);
width: 500px;
height: 88px;
background-size: 500px auto;
background-repeat: no-repeat;
background-position: center; }
.m_btn_store-android_l:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.m_sns {
clear: both;
padding: 20px 10px 0 10px;
text-align: center;
margin-right: 10px;
margin-bottom: 10px; }
.m_sns li {
display: inline-block;
vertical-align: top; }
.m_sns li.hide-pc {
display: none; }
.m_pager {
padding: 10px;
text-align: center; }
.m_pager li {
display: inline-block;
font-size: 1.0rem;
margin: 2px; }
.m_pager a,
.m_pager .selected {
display: inline-block;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #fff;
color: #ff3399;
border: solid 1px rgba(255, 51, 153, 0.5);
line-height: 1;
padding: 8px; }
.m_pager .selected {
background: #ccc;
color: #333;
border: solid 1px #ccc; }
.m_pager:hover {
color: #fff; }
.m_breadcrumbs {
zoom: 1;
position: relative;
margin-bottom: 10px;
padding: 0 10px; }
.m_breadcrumbs:before, .m_breadcrumbs:after {
content: "";
display: table; }
.m_breadcrumbs:after {
clear: both; }
.m_breadcrumbs a {
text-decoration: underline; }
.m_breadcrumbs__ttl {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden; }
.m_breadcrumbs__list {
position: absolute;
bottom: 0;
right: 10px; }
.m_breadcrumbs__list li {
display: inline-block; } }
@media screen and (min-device-width: 640px) and (max-device-width: 960px), screen and (max-width: 800px) {
#gmodeheader,
#gmodefooter {
display: none; }
#gmodeheader {
position: absolute;
top: 0;
left: 0; }
.m_footermessage {
text-align: center;
padding: 10px; }
.m_footermessage__sns .twitter {
padding: 4px; }
.m_footermessage__sns .twitter a {
display: block;
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
background: url(/v1/img/ja_JP/common/m_btn-official-twitter.png);
width: 149.33333px;
height: 32px;
background-size: 149.33333px auto;
margin: 0 auto; }
.m_footermessage__sns .facebook {
padding: 4px; }
.m_footermessage__sns .facebook a {
display: block;
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
background: url(/v1/img/ja_JP/common/m_btn-official-facebook.png);
width: 149.33333px;
height: 32px;
background-size: 149.33333px auto;
margin: 0 auto; }
.page_home .l_footer,
.page_games .l_footer {
background: #4a4434 url(/v1/img/ja_JP/common/m_footer-line.png) no-repeat center 0;
background-size: contain; }
.page_games.nogameguide .l_footer {
background: #4a4434 url(/v1/img/ja_JP/common/m_footer-line_03.png) no-repeat center 0;
background-size: contain; }
.l_footer {
position: relative;
z-index: 10;
background: #4a4434 url(/v1/img/ja_JP/common/m_footer-line_02.png) no-repeat center 0;
background-size: contain;
color: #fff;
padding: 100px 0 30px 0; }
.l_footer a {
color: #fff; }
.l_footer .copyright {
padding: 10px; }
.l_footer .copyright a {
margin: 0 auto; }
.l_footer .copyright a {
display: block;
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
background: url(/v1/img/ja_JP/common/m_ico-gmode.png);
width: 81px;
height: 15px;
background-size: 80.5px auto; }
.m_bottom-content {
padding: 10px;
position: relative;
z-index: 10;
background: #e8e6de; }
.m_outlink li {
display: inline-block; }
.m_outlink img {
width: 146px;
height: auto; }
.m_outlink__head {
font-size: 20px;
margin-bottom: 10px;
border-left: solid 2px #12cfa7;
padding: 0 5px;
line-height: 1.2; }
.m_footernav {
position: relative; }
.m_footernav__list {
padding: 10px; }
#m_loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
background-position: center;
background-repeat: no-repeat;
z-index: 999; }
#m_loading span {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background: #fff url(/v1/img/ja_JP/common/m_loading.gif);
width: 25px;
height: 25px;
background-size: 25px auto; }
#m_loading.dark {
background: #000; }
#m_loading.dark span {
background: #000 url(/v1/img/ja_JP/common/m_loading-dark.gif);
width: 25px;
height: 25px;
background-size: 25px auto; }
.m_select-lang {
display: none; }
.l_footer .m_select-lang {
display: block;
padding: 10px;
font-size: 12px;
text-align: center; }
.m_select-lang li {
display: inline-block;
font-size: 12px; }
.m_select-lang li a {
display: inline-block;
line-height: 1;
padding: 4px 10px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; }
.m_select-lang li a.selected {
background: rgba(0, 0, 0, 0.5);
color: #fff; }
.m_gnav.type02 {
display: none;
z-index: 10000; }
.m_gnav {
width: 100%;
background: #413c2e;
padding: 6px 0;
min-height: 18px; }
.m_gnav .m_gnav__logo {
padding: 2px 0;
margin-left: 10px; }
.m_gnav .m_gnav__logo a {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: block;
background: url(/v1/img/ja_JP/common/m_logo_s.png);
width: 46px;
height: 12px;
background-size: 46px auto;
background-repeat: no-repeat; }
.m_gnav .m_gnav__open a {
position: absolute;
top: 4px;
right: 10px;
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: block;
background: url(/v1/img/ja_JP/common/m_gnav-btn_bg.png);
width: 25px;
height: 18px;
background-size: 24.5px auto;
background-repeat: no-repeat;
background-position: center; }
.m_gnav .m_gnav__list {
display: none;
position: absolute;
top: 30px;
left: 0;
z-index: 999;
background: #12cfa7;
width: 100%;
text-align: center; }
.m_gnav .m_gnav__list a {
color: #fff;
display: block;
padding: 8px 16px; }
.m_gnav.scrollin {
padding: 20px 0 !important;
border-bottom: solid 32px #15b056 !important; }
.m_gnav.scrollin .m_gnav__logo a {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: block;
background: url(/v1/img/ja_JP/common/m_logo_m.png);
width: 62px;
height: 62px;
background-size: 61.5px auto;
background-repeat: no-repeat;
margin-top: -18px;
margin-bottom: -82px; }
.m_gnav-foot {
clear: both;
position: relative; }
.m_ttl_01 {
font-weight: bold;
color: #4a4434;
margin-bottom: 30px;
border-left: solid 2px #6cbfc4;
padding-left: 10px;
line-height: 1;
font-size: 24px; }
.m_ttl_01.nb {
border-left: none;
padding-left: 0; }
.m_btn-more {
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #12cfa7;
padding: 3px 12px;
color: #fff; }
.m_btn-more:hover {
color: #fff; }
.m_btn-list {
padding: 10px;
text-align: center; }
.m_btn-01 {
display: inline-block;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
color: #fff;
font-size: 1.4rem;
padding: 10px 20px;
background: #12cfa7;
border: none;
cursor: pointer; }
.m_btn-01:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.m_btn-02 {
display: inline-block;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzM5OSIvPjxzdG9wIG9mZnNldD0iNDguNTElIiBzdG9wLWNvbG9yPSIjZmYzMzk5Ii8+PHN0b3Agb2Zmc2V0PSI1MC40NCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ff3399), color-stop(48.51%, #ff3399), color-stop(50.44%, #ff63ad), color-stop(100%, #ff63ad));
background-image: -moz-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
background-image: -webkit-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
background-image: linear-gradient(to top, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
background-repeat: repeat-x;
background-position: center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: solid 2px #fff;
color: #fff;
font-size: 1.4rem;
padding: 4px 12px; }
.m_btn-02:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.m_btn-02:hover {
color: #fff;
text-decoration: underline; }
.m_btn-03 {
display: inline-block;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iNDguNTElIiBzdG9wLWNvbG9yPSIjNjY2NjY2Ii8+PHN0b3Agb2Zmc2V0PSI1MC40NCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #666666), color-stop(48.51%, #666666), color-stop(50.44%, #666666), color-stop(100%, #999999));
background-image: -moz-linear-gradient(bottom, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
background-image: -webkit-linear-gradient(bottom, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
background-image: linear-gradient(to top, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
border: solid 1px #fff;
color: #fff;
font-size: 1.0rem;
padding: 4px 12px; }
.m_btn-03:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.m_btn-twitter {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: inline-block;
background: url(/v1/img/ja_JP/common/m_btn-twitter.png);
width: 47px;
height: 50px;
background-size: 46.5px auto;
background-repeat: no-repeat;
background-position: center; }
.m_btn-twitter:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.m_btn-facebook {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: inline-block;
background: url(/v1/img/ja_JP/common/m_btn-fb.png);
width: 47px;
height: 50px;
background-size: 46.5px auto;
background-repeat: no-repeat;
background-position: center; }
.m_btn-facebook:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.m_btn-google {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: inline-block;
background: url(/v1/img/ja_JP/common/m_btn-gp.png);
width: 47px;
height: 50px;
background-size: 46.5px auto;
background-repeat: no-repeat;
background-position: center; }
.m_btn-google:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.m_btn-line {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: inline-block;
background: url(/v1/img/ja_JP/common/m_btn-line.png);
width: 47px;
height: 50px;
background-size: 46.5px auto;
background-repeat: no-repeat;
background-position: center; }
.m_btn-line:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.m_btn-pagetop {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: inline-block;
background: url(/v1/img/ja_JP/common/m_btn-pagetop.png);
width: 28px;
height: 28px;
background-size: 27.5px auto;
background-repeat: no-repeat;
background-position: center; }
.m_btn-pagetop:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.m_pagetop {
position: absolute;
top: 20px;
right: 50px; }
.m_btn_store-ios_s {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: inline-block;
background: url(/v1/img/ja_JP/common/m_btn_store-ios_s.png);
width: 45px;
height: 44px;
background-size: 45px auto;
background-repeat: no-repeat;
background-position: center; }
.m_btn_store-ios_s:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.m_btn_store-android_s {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: inline-block;
background: url(/v1/img/ja_JP/common/m_btn_store-android_s.png);
width: 45px;
height: 44px;
background-size: 45px auto;
background-repeat: no-repeat;
background-position: center; }
.m_btn_store-android_s:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.m_btn_store-ios_l {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: inline-block;
background: url(/v1/img/ja_JP/common/m_btn_store-ios_l.png);
width: 250px;
height: 44px;
background-size: 250px auto;
background-repeat: no-repeat;
background-position: center; }
.m_btn_store-ios_l:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.m_btn_store-android_l {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: inline-block;
background: url(/v1/img/ja_JP/common/m_btn_store-android_l.png);
width: 250px;
height: 44px;
background-size: 250px auto;
background-repeat: no-repeat;
background-position: center; }
.m_btn_store-android_l:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.m_sns {
clear: both;
padding: 20px 10px 0 10px;
text-align: center;
margin-right: 10px;
margin-bottom: 10px; }
.m_sns li {
display: inline-block;
vertical-align: top; }
.m_pager {
padding: 10px;
text-align: center; }
.m_pager li {
display: inline-block;
font-size: 1.0rem;
margin: 2px; }
.m_pager a,
.m_pager .selected {
display: inline-block;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #fff;
color: #ff3399;
border: solid 1px rgba(255, 51, 153, 0.5);
line-height: 1;
padding: 8px; }
.m_pager .selected {
background: #ccc;
color: #333;
border: solid 1px #ccc; }
.m_pager:hover {
color: #fff; }
.m_breadcrumbs {
zoom: 1;
position: relative;
margin-bottom: 10px;
padding: 0 10px 0 4px;
font-size: 0.9rem;
margin-top: 10px; }
.m_breadcrumbs:before, .m_breadcrumbs:after {
content: "";
display: table; }
.m_breadcrumbs:after {
clear: both; }
.m_breadcrumbs a {
text-decoration: underline; }
.m_breadcrumbs__ttl {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden; }
.m_breadcrumbs__list {
text-align: right; }
.m_breadcrumbs__list li {
display: inline-block; } }
/* BAN long tap */
@media screen and (max-width: 800px) {
body {
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
-webkit-text-size-adjust: 100%; } }
@media screen and (max-width: 320px) {
body {
margin-top: 0; }
#gmodeheader {
display: none; }
#gmodefooter {
display: none; } }
@media screen and (min-width: 960px) {
.page_home .m_gnav {
background: transparent;
padding: 30px 0;
border-bottom: none; }
.page_home .m_gnav.scrollin {
display: none;
background: white !important; }
.page_home .m_gnav.scrollin .m_gnav__logo {
color: #000; }
.page_home .m_gnav.scrollin .m_gnav__logo a {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: block;
background: url(/v1/img/ja_JP/common/m_logo_m.png);
width: 123px;
height: 123px;
background-size: 123px auto;
background-repeat: no-repeat; }
.page_home .m_gnav .m_gnav__logo a {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: block;
background: url(/v1/img/ja_JP/common/m_logo_s.png);
width: 92px;
height: 23px;
background-size: 92px auto;
background-repeat: no-repeat; }
.page_home .intro {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 2999;
width: 100%;
height: 100%;
display: block;
background: #000; }
.page_home .intro__chara {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 163px;
height: 192px; }
.page_home .slider {
width: 100%;
position: fixed;
z-index: 5; }
.page_home .slider img {
width: 100%;
height: auto;
vertical-align: bottom; }
.page_home .slider__intro {
position: absolute;
background: #fff;
width: 100%; }
.page_home .slider__anime {
position: absolute;
top: 100px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 205px;
height: 265px; }
.page_home .slider-space {
position: relative;
z-index: 1; }
.page_home .slider-space img {
width: 100%;
height: auto;
vertical-align: bottom; }
.page_home .main-content {
min-width: 960px;
margin: 0 auto;
padding: 0;
position: relative;
z-index: 10;
zoom: 1;
background: #fff; }
.page_home .main-content:before, .page_home .main-content:after {
content: "";
display: table; }
.page_home .main-content:after {
clear: both; }
.page_home .side-content {
float: right;
width: 312px; }
.page_home .side-content .banner img {
width: 100%; }
.page_home .home-banner {
width: 728px;
margin: 0 auto 20px; }
.page_home .home-banner a:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.page_home .home-banner img {
width: 100%;
max-width: 728px; }
.page_home .games {
margin-bottom: 20px; }
.page_home .games__list {
background: #eee;
font-size: 0; }
.page_home .games__list li {
position: relative;
display: inline-block;
width: 33.33333%; }
.page_home .games__list img {
width: 100%;
height: auto;
vertical-align: middle; }
.page_home .games__list a {
position: relative;
display: block;
font-size: 14px; }
.page_home .games__list .caption {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 16px;
font-weight: bold; }
.page_home .games__list .caption .ttl {
position: absolute;
width: 100%;
top: 40%; }
.page_home .middle-contents {
width: 960px;
margin: 0 auto;
min-height: 290px; }
.page_home .news {
position: relative;
margin-bottom: 10px;
float: left;
width: 620px; }
.page_home .news li {
position: relative; }
.page_home .news__head {
margin: 5px;
margin-bottom: 10px;
border-left: solid 2px #12cfa7;
padding: 0 5px;
font-size: 20px;
line-height: 1.2; }
.page_home .news__rss {
position: absolute;
top: 0;
right: 10px; }
.page_home .news__rss a {
display: block;
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
background: url(/v1/img/ja_JP/common/m_ico-rss.png);
width: 25px;
height: 25px;
background-size: 24.5px auto; }
.page_home .news__body {
position: relative; }
.page_home .news__more {
text-align: right;
padding: 8px 16px 16px; }
.page_home .twitter-wgt {
float: right;
width: 308px; }
.page_home .news__list {
border-bottom: 1px dotted #29d4b0; }
.page_home .news__list li {
border-top: 1px dotted #29d4b0;
padding: 10px 3px; }
.page_home .article {
zoom: 1; }
.page_home .article:before, .page_home .article:after {
content: "";
display: table; }
.page_home .article:after {
clear: both; }
.page_home .article__meta {
float: left;
width: 100px; }
.page_home .article__ico {
display: none; }
.page_home .article__ttl {
float: right;
width: 500px;
text-decoration: underline; }
.page_home .article__ttl:hover {
text-decoration: none; } }
@media screen and (min-device-width: 640px) and (max-device-width: 960px), screen and (max-width: 800px) {
.page_home .m_gnav .m_gnav__logo a {
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
display: block;
background: url(/v1/img/ja_JP/common/m_logo_s.png);
width: 46px;
height: 12px;
background-size: 46px auto;
background-repeat: no-repeat; }
.page_home .intro {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 2999;
width: 100%;
height: 100%;
display: block;
background: #000; }
.page_home .intro__chara {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 163px;
height: 192px; }
.page_home .slider {
width: 100%;
position: relative;
height: 130px; }
.page_home .slider img {
width: 100%;
height: auto;
vertical-align: bottom; }
.page_home .slider__intro {
position: absolute;
background: #fff;
width: 100%; }
.page_home .slider__anime {
position: absolute;
top: 100px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 205px;
height: 265px; }
.page_home .slider-space {
display: none; }
.page_home .main-content {
position: relative;
z-index: 10;
zoom: 1;
background: #fff; }
.page_home .main-content:before, .page_home .main-content:after {
content: "";
display: table; }
.page_home .main-content:after {
clear: both; }
.page_home .side-content .banner img {
width: 100%; }
.page_home .home-banner {
width: 300px;
margin: 0 auto 20px; }
.page_home .home-banner a:hover {
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85; }
.page_home .home-banner img {
width: 100%;
max-width: 728px; }
.page_home .games {
margin-bottom: 20px;
background: #413c2e; }
.page_home .games__list {
background: #eee;
font-size: 0; }
.page_home .games__list li {
position: relative;
display: inline-block;
width: 50%; }
.page_home .games__list img {
width: 100%;
height: auto;
vertical-align: middle; }
.page_home .games__list a {
position: relative;
display: block;
font-size: 14px; }
.page_home .games__list .caption {
display: none; }
.page_home .news {
position: relative;
margin-bottom: 10px; }
.page_home .news li {
position: relative; }
.page_home .news__head {
margin: 5px;
margin-bottom: 10px;
border-left: solid 2px #12cfa7;
padding: 0 5px;
font-size: 20px;
line-height: 1.2; }
.page_home .news__rss {
position: absolute;
top: 0;
right: 10px; }
.page_home .news__rss a {
display: block;
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
background: url(/v1/img/ja_JP/common/m_ico-rss.png);
width: 25px;
height: 25px;
background-size: 24.5px auto; }
.page_home .news__body {
position: relative; }
.page_home .news__more {
text-align: right;
padding: 8px 16px 16px; }
.page_home .news__list {
border-bottom: 1px dotted #29d4b0; }
.page_home .news__list li {
border-top: 1px dotted #29d4b0; }
.page_home .news__list li:nth-child(4),
.page_home .news__list li:nth-child(5),
.page_home .news__list li:nth-child(6),
.page_home .news__list li:nth-child(7),
.page_home .news__list li:nth-child(8),
.page_home .news__list li:nth-child(9),
.page_home .news__list li:nth-child(10) {
display: none; }
.page_home .article {
display: block;
padding: 5px 10px; }
.page_home .article__meta {
margin-bottom: 4px; }
.page_home .article__ico {
display: none; }
.page_home .article__ttl {
text-decoration: underline; } }
@media screen and (min-width: 960px) {
.page_games .header {
width: 960px;
margin: 0 auto 30px;
padding-top: 160px; }
.page_games .header__wideimg {
width: 100%;
height: auto; }
.page_games .header__wideimg img {
max-width: 960px; }
.page_games .header__vsl {
font-weight: bold;
color: #4a4434;
margin-bottom: 10px;
font-size: 30px; }
.page_games .header__summary {
position: relative;
font-size: 14px; }
.page_games .header__summary-list dt {
float: left;
width: 130px; }
.page_games .header__summary-list dd {
float: left;
position: relative; }
.page_games .header__summary-list dd:before {
position: absolute;
top: 0;
left: -10px;
content: ":"; }
.page_games .header__summary-icon {
position: absolute;
top: 0;
right: 0; }
.page_games .header__summary-icon li {
float: left;
margin-left: 15px; }
.page_games .main-contents {
background: #e9f3ee;
padding: 30px 10px; }
.page_games .introduction {
width: 960px;
margin: 0 auto; }
.page_games .introduction__title {
font-weight: bold;
color: #4a4434;
margin-bottom: 10px;
border-left: solid 2px #6cbfc4;
padding-left: 10px;
line-height: 1;
font-size: 24px; }
.page_games .introduction__movie {
margin-bottom: 30px; }
.page_games .introduction__movie iframe {
display: block;
width: 560px;
height: 315px;
margin: 0 auto; }
.page_games .introduction__store {
position: absolute;
top: 0;
right: 0; }
.page_games .introduction__store li {
float: left;
margin-left: 15px; }
.page_games .introduction__description {
margin-bottom: 20px; }
.page_games .introduction__slider-wrapper {
width: 960px;
overflow-x: scroll;
margin-bottom: 20px; }
.page_games .introduction__slider-list {
width: 1560px; }
.page_games .introduction__slider-list li {
float: left;
margin: 5px; }
.page_games .introduction__slider-list img {
width: 300px;
margin: 0 auto; }
.page_games .sns {
width: 960px;
margin: 0 auto; }
.page_games .sns__title {
font-weight: bold;
color: #4a4434;
margin-bottom: 10px;
border-left: solid 2px #6cbfc4;
padding-left: 10px;
line-height: 1;
font-size: 24px; }
.page_games .sns__slider-list img {
width: 300px;
margin: 0 auto; } }
@media screen and (min-device-width: 640px) and (max-device-width: 960px), screen and (max-width: 800px) {
.page_games .header {
width: 320px;
margin: 0 auto 10px; }
.page_games .header img {
width: 100%; }
.page_games .header__wideimg {
width: 100%;
height: auto; }
.page_games .header__wideimg img {
max-width: 960px; }
.page_games .header__vsl {
font-weight: bold;
color: #4a4434;
margin-bottom: 10px;
font-size: 16px;
padding: 0 10px; }
.page_games .header__summary {
position: relative;
padding: 0 10px;
font-size: 11px; }
.page_games .header__summary-list {
margin-bottom: 15px; }
.page_games .header__summary-list dt {
float: left;
width: 64px; }
.page_games .header__summary-list dd {
float: left;
position: relative; }
.page_games .header__summary-list dd:before {
position: absolute;
top: 0;
left: -10px;
content: ":"; }
.page_games .header__summary-icon {
text-align: center; }
.page_games .header__summary-icon li {
display: inline-block;
margin: 0 5px; }
.page_games .main-contents {
background: #e9f3ee;
padding: 30px 10px; }
.page_games .introduction {
margin: 0 auto; }
.page_games .introduction__title {
font-weight: bold;
color: #4a4434;
margin-bottom: 10px;
border-left: solid 2px #6cbfc4;
padding-left: 10px;
line-height: 1;
font-size: 14px; }
.page_games .introduction__movie {
margin-bottom: 30px; }
.page_games .introduction__movie iframe {
width: 300px;
height: 156px; }
.page_games .introduction__store {
text-align: center;
margin-bottom: 30px; }
.page_games .introduction__store li {
display: inline-block;
margin: 0 5px 10px; }
.page_games .introduction__description {
margin-bottom: 20px; }
.page_games .introduction__slider-wrapper {
width: 300px;
overflow-x: scroll;
margin-bottom: 20px; }
.page_games .introduction__slider-list {
width: 1100px; }
.page_games .introduction__slider-list li {
float: left;
margin: 5px; }
.page_games .introduction__slider-list img {
width: 200px;
margin: 0 auto; }
.page_games .sns {
margin: 0 auto; }
.page_games .sns__title {
font-weight: bold;
color: #4a4434;
margin-bottom: 10px;
border-left: solid 2px #6cbfc4;
padding-left: 10px;
line-height: 1;
font-size: 14px; }
.page_games .sns__slider-list img {
width: 200px;
margin: 0 auto; } }
@media screen and (min-width: 960px) {
.page_article .header {
width: 960px;
margin: 0 auto 10px;
padding-top: 160px; }
.page_article .main-contents {
background: #e9f3ee;
padding: 30px 10px; }
.page_article .article-wrapper {
width: 960px;
margin: 0 auto; }
.page_article .article {
position: relative;
padding-left: 100px; }
.page_article .article strong {
font-weight: bold; }
.page_article .article__title {
font-weight: bold;
color: #4a4434;
margin-bottom: 30px;
border-left: solid 2px #6cbfc4;
padding-left: 10px;
line-height: 1;
font-size: 24px; }
.page_article .article__title.nb {
border-left: none;
padding-left: 0; }
.page_article .article__meta {
font-weight: bold;
position: absolute;
top: 0;
left: 0;
font-size: 12px; }
.page_article .article__detail {
font-size: 16px;
margin-bottom: 60px; }
.page_article .article__detail a {
color: #12cfa7;
text-decoration: underline; }
.page_article .article__detail a:hover {
text-decoration: none; }
.page_article .article__detail img {
max-width: 860px; }
.page_article .share {
margin-bottom: 60px; }
.page_article .news {
width: 960px;
margin: 0 auto;
min-height: 400px;
position: relative;
margin-bottom: 10px; }
.page_article .news li {
position: relative; }
.page_article .news__head {
margin: 5px;
margin-bottom: 10px;
border-left: solid 2px #12cfa7;
padding: 0 5px;
font-size: 20px;
line-height: 1.2; }
.page_article .news__title {
font-weight: bold;
color: #4a4434;
margin-bottom: 30px;
border-left: solid 2px #6cbfc4;
padding-left: 10px;
line-height: 1;
font-size: 24px; }
.page_article .news__rss {
position: absolute;
top: 0;
right: 10px; }
.page_article .news__rss a {
display: block;
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
background: url(/v1/img/ja_JP/common/m_ico-rss.png);
width: 25px;
height: 25px;
background-size: 24.5px auto; }
.page_article .news__body {
position: relative; }
.page_article .news__more {
text-align: right;
padding: 8px 16px 16px; }
.page_article .news__list {
border-bottom: 1px dotted #29d4b0; }
.page_article .news__list li {
border-top: 1px dotted #29d4b0;
padding: 10px 3px; }
.page_article .news__meta {
float: left;
width: 100px; }
.page_article .news__ico {
display: none; }
.page_article .news__ttl {
float: left;
width: 500px;
text-decoration: underline; }
.page_article .news__ttl:hover {
text-decoration: none; } }
@media screen and (min-device-width: 640px) and (max-device-width: 960px), screen and (max-width: 800px) {
.page_article .header {
width: 320px;
margin: 0 auto 10px; }
.page_article .main-contents {
background: #e9f3ee;
padding: 30px 10px; }
.page_article .article-wrapper {
margin: 0 auto; }
.page_article .article {
display: block;
padding: 10px; }
.page_article .article strong {
font-weight: bold; }
.page_article .article__title {
font-weight: bold;
color: #4a4434;
margin-bottom: 30px;
border-left: solid 2px #6cbfc4;
padding-left: 10px;
line-height: 1;
font-size: 24px; }
.page_article .article__title.nb {
border-left: none;
padding-left: 0; }
.page_article .article__meta {
font-weight: bold;
font-size: 11px;
margin-bottom: 10px; }
.page_article .article__detail {
font-size: 14px;
margin-bottom: 30px; }
.page_article .article__detail a {
color: #12cfa7;
text-decoration: underline; }
.page_article .article__detail a:hover {
text-decoration: none; }
.page_article .article__detail img {
max-width: 290px; }
.page_article .share {
margin-bottom: 60px; }
.page_article .news {
margin: 0 auto;
position: relative;
margin-bottom: 10px; }
.page_article .news li {
position: relative; }
.page_article .news__head {
margin: 5px;
margin-bottom: 10px;
border-left: solid 2px #12cfa7;
padding: 0 5px;
font-size: 20px;
line-height: 1.2; }
.page_article .news__title {
font-weight: bold;
color: #4a4434;
margin-bottom: 30px;
border-left: solid 2px #6cbfc4;
padding-left: 10px;
line-height: 1;
font-size: 14px; }
.page_article .news__rss {
position: absolute;
top: 0;
right: 10px; }
.page_article .news__rss a {
display: block;
text-indent: 110%;
word-wrap: normal;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
background: url(/v1/img/ja_JP/common/m_ico-rss.png);
width: 25px;
height: 25px;
background-size: 24.5px auto; }
.page_article .news__body {
position: relative; }
.page_article .news__more {
text-align: right;
padding: 8px 16px 16px; }
.page_article .news__list {
border-bottom: 1px dotted #29d4b0; }
.page_article .news__list li {
border-top: 1px dotted #29d4b0; }
.page_article .news__list li:nth-child(4),
.page_article .news__list li:nth-child(5),
.page_article .news__list li:nth-child(6),
.page_article .news__list li:nth-child(7),
.page_article .news__list li:nth-child(8),
.page_article .news__list li:nth-child(9),
.page_article .news__list li:nth-child(10) {
display: none; }
.page_article .news__meta {
margin-bottom: 4px; }
.page_article .news__ico {
display: none; }
.page_article .news__ttl {
text-decoration: underline; } }
@media screen and (min-width: 960px) {
.page_support .m_lnav.type2 {
position: relative;
top: 0; }
.page_support .m_lnav.type2 li {
float: none; }
.page_support .m_form.confirm, .page_support .m_form.finish {
background: #fff;
color: #663300;
padding: 10px;
border: solid 1px #ccc;
border-radius: 10px; }
.page_support .contents-wrapper {
zoom: 1;
position: relative; }
.page_support .contents-wrapper:before, .page_support .contents-wrapper:after {
content: "";
display: table; }
.page_support .contents-wrapper:after {
clear: both; }
.page_support .main-contents {
position: relative;
margin: 0 auto 100px;
padding-top: 200px;
width: 800px; }
.page_support .side-content {
float: left;
width: 310px;
padding-top: 5px;
margin-bottom: 10px; }
.page_support .content {
background-repeat: no-repeat;
background-position: center top;
padding: 20px;
min-height: 400px;
font-size: 1.4rem; }
.page_support .content__lead {
font-size: 1.8rem; }
.page_support .content__lead p {
margin-bottom: 1rem; }
.page_support .question__ttl {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzM5OSIvPjxzdG9wIG9mZnNldD0iNDguNTElIiBzdG9wLWNvbG9yPSIjZmYzMzk5Ii8+PHN0b3Agb2Zmc2V0PSI1MC40NCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ff3399), color-stop(48.51%, #ff3399), color-stop(50.44%, #ff63ad), color-stop(100%, #ff63ad));
background-image: -moz-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
background-image: -webkit-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
background-image: linear-gradient(to top, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
text-align: center;
font-size: 1.4rem;
color: #FFF;
padding: 4px;
margin-bottom: 10px; }
.page_support .question__list {
margin-bottom: 1rem; }
.page_support .question__list a {
text-decoration: underline; }
.page_support .question__list a:hover {
text-decoration: none; }
.page_support .question__list li {
list-style-type: disc;
margin-left: 20px; }
.page_support .answer__category {
background: #663300;
padding: 4px;
color: #fff;
font-size: 1.0rem;
display: inline-block;
margin-bottom: 10px; }
.page_support .answer__ttl {
background: #ff63ad;
font-size: 1.4rem;
color: #FFF;
padding: 4px;
margin-bottom: 10px;
border-left: solid 30px #ff3399; }
.page_support .answer__ttl:before {
content: "Q.";
position: absolute;
top: 4px;
left: 4px; }
.page_support .answer__list {
position: relative;
margin-bottom: 1rem; }
.page_support .answer__list a {
text-decoration: underline; }
.page_support .answer__list a:hover {
text-decoration: none; }
.page_support .answer__list li {
list-style-type: disc;
margin-left: 20px; }
.page_support .answer__txt {
position: relative;
padding-left: 20px; }
.page_support .answer__txt:before {
content: "A.";
position: absolute;
top: 0;
left: 4px; }
.page_support .wv-m_btn-box {
margin-bottom: 20px; }
.page_support .wv-m_btn-01 {
display: inline-block;
background: #ff63ad url(/v1/img/ja_JP/webview/common/wv-m_btn-01_bg.png);
background-repeat: repeat-x;
background-position: center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: solid 2px #de8bfd;
color: #ff3399;
font-size: 1.0rem;
padding: 4px 12px; }
.page_support .wv-m_btn-02 {
display: inline-block;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzM5OSIvPjxzdG9wIG9mZnNldD0iNDguNTElIiBzdG9wLWNvbG9yPSIjZmYzMzk5Ii8+PHN0b3Agb2Zmc2V0PSI1MC40NCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ff3399), color-stop(48.51%, #ff3399), color-stop(50.44%, #ff63ad), color-stop(100%, #ff63ad));
background-image: -moz-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
background-image: -webkit-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
background-image: linear-gradient(to top, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
background-repeat: repeat-x;
background-position: center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: solid 2px #fff;
color: #fff;
font-size: 1.4rem;
padding: 4px 12px; }
.page_support .wv-m_btn-03 {
display: inline-block;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iNDguNTElIiBzdG9wLWNvbG9yPSIjNjY2NjY2Ii8+PHN0b3Agb2Zmc2V0PSI1MC40NCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #666666), color-stop(48.51%, #666666), color-stop(50.44%, #666666), color-stop(100%, #999999));
background-image: -moz-linear-gradient(bottom, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
background-image: -webkit-linear-gradient(bottom, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
background-image: linear-gradient(to top, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
border: solid 1px #fff;
color: #fff;
font-size: 1.0rem;
padding: 4px 12px; }
.page_support .help-body p {
margin-bottom: 1.0rem; } }
@media screen and (min-device-width: 640px) and (max-device-width: 960px), screen and (max-width: 800px) {
.page_support .m_lnav.type2 {
position: relative;
top: 0; }
.page_support .m_lnav.type2 li {
float: none; }
.page_support .m_form.confirm, .page_support .m_form.finish {
background: #fff;
color: #663300;
padding: 10px;
border: solid 1px #ccc;
border-radius: 10px; }
.page_support .contents-wrapper {
zoom: 1;
position: relative; }
.page_support .contents-wrapper:before, .page_support .contents-wrapper:after {
content: "";
display: table; }
.page_support .contents-wrapper:after {
clear: both; }
.page_support .main-contents {
position: relative;
margin: 0 auto 100px;
padding: 10px;
padding-top: 30px; }
.page_support .content {
background-repeat: no-repeat;
background-position: center top;
margin: 0 auto 10px;
width: 296px;
padding: 10px;
background-size: 310px auto; }
.page_support .content__lead {
font-size: 1.2rem; }
.page_support .content__lead p {
margin-bottom: 1rem; }
.page_support .question__ttl {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzM5OSIvPjxzdG9wIG9mZnNldD0iNDguNTElIiBzdG9wLWNvbG9yPSIjZmYzMzk5Ii8+PHN0b3Agb2Zmc2V0PSI1MC40NCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ff3399), color-stop(48.51%, #ff3399), color-stop(50.44%, #ff63ad), color-stop(100%, #ff63ad));
background-image: -moz-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
background-image: -webkit-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
background-image: linear-gradient(to top, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
text-align: center;
font-size: 1.4rem;
color: #FFF;
padding: 4px;
margin-bottom: 10px; }
.page_support .question__list {
margin-bottom: 1rem; }
.page_support .question__list a {
text-decoration: underline; }
.page_support .question__list a:hover {
text-decoration: none; }
.page_support .question__list li {
list-style-type: disc;
margin-left: 20px; }
.page_support .answer__category {
background: #663300;
padding: 4px;
color: #fff;
font-size: 1.0rem;
display: inline-block;
margin-bottom: 10px; }
.page_support .answer__ttl {
background: #ff63ad;
font-size: 1.4rem;
color: #FFF;
padding: 4px;
margin-bottom: 10px;
border-left: solid 30px #ff3399; }
.page_support .answer__ttl:before {
content: "Q.";
position: absolute;
top: 4px;
left: 4px; }
.page_support .answer__list {
position: relative;
margin-bottom: 1rem; }
.page_support .answer__list a {
text-decoration: underline; }
.page_support .answer__list a:hover {
text-decoration: none; }
.page_support .answer__list li {
list-style-type: disc;
margin-left: 20px; }
.page_support .answer__txt {
position: relative;
padding-left: 20px; }
.page_support .answer__txt:before {
content: "A.";
position: absolute;
top: 0;
left: 4px; }
.page_support .wv-m_btn-box {
margin-bottom: 20px; }
.page_support .wv-m_btn-01 {
display: inline-block;
background: #ff63ad url(/v1/img/ja_JP/webview/common/wv-m_btn-01_bg.png);
background-repeat: repeat-x;
background-position: center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: solid 2px #de8bfd;
color: #ff3399;
font-size: 1.0rem;
padding: 4px 12px; }
.page_support .wv-m_btn-02 {
display: inline-block;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzM5OSIvPjxzdG9wIG9mZnNldD0iNDguNTElIiBzdG9wLWNvbG9yPSIjZmYzMzk5Ii8+PHN0b3Agb2Zmc2V0PSI1MC40NCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ff3399), color-stop(48.51%, #ff3399), color-stop(50.44%, #ff63ad), color-stop(100%, #ff63ad));
background-image: -moz-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
background-image: -webkit-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
background-image: linear-gradient(to top, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
background-repeat: repeat-x;
background-position: center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: solid 2px #fff;
color: #fff;
font-size: 1.4rem;
padding: 4px 12px; }
.page_support .wv-m_btn-03 {
display: inline-block;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iNDguNTElIiBzdG9wLWNvbG9yPSIjNjY2NjY2Ii8+PHN0b3Agb2Zmc2V0PSI1MC40NCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #666666), color-stop(48.51%, #666666), color-stop(50.44%, #666666), color-stop(100%, #999999));
background-image: -moz-linear-gradient(bottom, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
background-image: -webkit-linear-gradient(bottom, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
background-image: linear-gradient(to top, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
border: solid 1px #fff;
color: #fff;
font-size: 1.0rem;
padding: 4px 12px; }
.page_support .help-body p {
margin-bottom: 1.0rem; } }
@media screen and (min-width: 960px) {
.page_policy .m_select-lang {
display: none; }
.page_policy .m_lnav.type2 {
position: relative;
top: 0; }
.page_policy .m_lnav.type2 li {
float: none; }
.page_policy .content p {
margin-bottom: 1rem; }
.page_policy .main-contents {
position: relative;
margin: 0 auto 100px;
padding-top: 200px;
width: 800px; } }
@media screen and (min-device-width: 640px) and (max-device-width: 960px), screen and (max-width: 800px) {
.page_policy .m_select-lang {
display: none; }
.page_policy .m_lnav.type2 {
position: relative;
top: 0; }
.page_policy .m_lnav.type2 li {
float: none; }
.page_policy .content p {
margin-bottom: 1rem; }
.page_policy .main-contents {
position: relative;
margin: 0 auto 100px;
padding: 10px;
padding-top: 30px; } }
.wv-l_body {
background: #000;
color: #fff;
font-size: 1.2rem;
width: 280px;
margin: 0 auto;
padding: 4px 0; }
.wv-l_document {
width: 280px;
margin: 0 auto; }
.m_form form .input-txt,
.m_form form input[name='user_id'],
.m_form form input[name='email'],
.m_form form select,
.m_form form textarea {
padding: 4px;
margin: 5px 0 10px;
border-radius: 3px;
border: solid 1px #cccccc;
background: #fff;
font-size: 16px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%; }
.m_form form input[name='email'] {
width: 240px; }
.m_form form textarea {
width: 100%;
height: 10em; }
.m_form.confirm {
background: #002752;
padding: 10px;
margin-bottom: 10px;
color: #FFF; }
.m_form.confirm dl dt {
font-weight: bold; }
.m_form.confirm dl dd {
margin-left: 1em; }
.m_form.finish {
background: #002752;
padding: 10px;
margin-bottom: 10px; }
.l_msg-error {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #333;
color: #ffff33;
padding: 10px;
font-size: 1.2rem;
margin-bottom: 10px; }
.wv-l_body .wv-m_ttl-01_inner {
text-align: center;
padding: 6px;
border-top: solid 2px #fff;
border-bottom: solid 2px #fff;
margin-bottom: 20px; }
.wv-l_body .wv-m_btn-box {
margin-bottom: 20px; }
.wv-l_body .wv-m_btn-01 {
display: inline-block;
background: #ff63ad url(/v1/img/ja_JP/webview/common/wv-m_btn-01_bg.png);
background-repeat: repeat-x;
background-position: center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: solid 2px #de8bfd;
color: #ff3399;
font-size: 1.0rem;
padding: 4px 12px; }
.wv-l_body .wv-m_btn-02 {
display: inline-block;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzM5OSIvPjxzdG9wIG9mZnNldD0iNDguNTElIiBzdG9wLWNvbG9yPSIjZmYzMzk5Ii8+PHN0b3Agb2Zmc2V0PSI1MC40NCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYzYWQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ff3399), color-stop(48.51%, #ff3399), color-stop(50.44%, #ff63ad), color-stop(100%, #ff63ad));
background-image: -moz-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
background-image: -webkit-linear-gradient(bottom, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
background-image: linear-gradient(to top, #ff3399 0%, #ff3399 48.51%, #ff63ad 50.44%, #ff63ad 100%);
background-repeat: repeat-x;
background-position: center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: solid 2px #fff;
color: #fff;
font-size: 1.4rem;
padding: 4px 12px; }
.wv-l_body .wv-m_btn-03 {
display: inline-block;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iNDguNTElIiBzdG9wLWNvbG9yPSIjNjY2NjY2Ii8+PHN0b3Agb2Zmc2V0PSI1MC40NCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #666666), color-stop(48.51%, #666666), color-stop(50.44%, #666666), color-stop(100%, #999999));
background-image: -moz-linear-gradient(bottom, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
background-image: -webkit-linear-gradient(bottom, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
background-image: linear-gradient(to top, #666666 0%, #666666 48.51%, #666666 50.44%, #999999 100%);
border: solid 1px #fff;
color: #fff;
font-size: 1.0rem;
padding: 4px 12px; }
.wv-l_body .wv-m_pager {
text-align: center; }
.wv-l_body .wv-l_document .article-body p {
margin-bottom: 1.0rem; }
.wv-l_body .wv-l_document .article-lead {
margin-bottom: 5px; }
.wv-l_body .wv-l_document .article-header {
color: #fff;
font-size: 1.0rem;
padding: 0 10px; }
.wv-l_body .wv-l_document .article-header .header-ttl {
padding-bottom: 6px; }
.wv-l_body .wv-l_document .article-header .bnr-article {
margin-bottom: 4px; }
.wv-l_body .wv-l_document .article-body {
background: #fff;
color: #663300;
font-size: 1.0rem;
padding: 10px;
margin-bottom: 20px; }
.wv-l_body .wv-l_document .article-meta li {
float: left; }
.wv-l_body .wv-l_document .article-meta li.date {
float: right;
margin-left: 10px; }
.wv-l_body .wv-l_document .article-meta.lv01 {
background: #225987;
padding: 3px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; }
.wv-l_body .wv-l_document .article-meta.lv01 li.date {
float: left; }
.wv-l_body .wv-l_document .article-header_maintenance {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 10px;
background: #e1e5e9;
margin-bottom: 10px; }
.wv-l_body .wv-l_document .help-lead {
margin-bottom: 10px; }
.wv-l_body .wv-l_document .help-lead a {
display: block; }
.wv-l_body .wv-l_document .help-lead .help-header {
color: #fff;
font-size: 1.4rem;
padding: 0 20px; }
.wv-l_body .wv-l_document .help-body {
margin-bottom: 20px; }
.wv-l_body .wv-l_document .help-body p {
margin-bottom: 1.0rem; }
.wv-l_body .wv-l_document .help-body a {
color: #fff;
text-decoration: underline; }
.wv-l_body .wv-l_document .credit-artvivant {
display: none; }
.wv-l_body .wv-l_document .credit-nav {
position: relative;
text-align: center;
margin-bottom: -6px; }
.wv-l_body .wv-l_document .credit-nav li {
display: inline-block;
margin: 0 4px; }
.wv-l_body .wv-l_document .credit-nav .current {
background-color: rgba(0, 0, 0, 0.5);
opacity: 1.0; }
.wv-l_body .wv-l_document .credit-wrapper {
background: #000;
position: relative;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: solid 2px #fff;
padding: 20px 10px;
margin-bottom: 20px; }
.wv-l_body .wv-l_document .credit-lead {
margin-bottom: 10px; }
.wv-l_body.wv-l_banner {
background: #fff !important;
width: 320px !important;
padding: 1px 0 0 !important; }
.wv-l_body.wv-l_banner .wv-l_document {
width: 320px !important; }
.wv-l_document .banner-body {
width: 247px;
margin: 0 auto;
font-size: 1.0rem; }
.wv-l_document .support_policy {
width: 260px;
margin: 0 auto;
padding: 10px;
background: #333;
margin-bottom: 10px; }
@media screen and (min-width: 960px) {
.page_404 .main-content {
margin-bottom: 20px;
position: relative;
zoom: 1;
padding: 10px 0; }
.page_404 .main-content:before, .page_404 .main-content:after {
content: "";
display: table; }
.page_404 .main-content:after {
clear: both; }
.page_404 .announce {
margin: 0 auto 10px;
width: 631px; }
.page_404 .announce__body {
position: relative;
background-repeat: repeat-y;
background-position: center;
margin: 0 auto; }
.page_404 .announce__body:after {
content: "";
display: block;
background-repeat: no-repeat;
background-position: center top;
position: absolute;
bottom: -2px;
left: 0;
z-index: 10; }
.page_404 .announce__more {
text-align: right;
padding: 8px 16px 16px; }
.page_404 .notfound {
font-size: 1.2rem; }
.page_404 .notfound:before {
content: "";
display: block;
position: absolute;
top: -2px;
left: 0;
z-index: 10; }
.page_404 .notfound:after {
content: "";
display: block;
position: absolute;
bottom: -2px;
left: 0;
z-index: 10; }
.page_404 .notfound__body {
padding: 20px; }
.page_404 .notfound__body img {
max-width: 320px; }
.page_404 .notfound__caption {
margin-bottom: 10px;
font-size: 1.6rem;
font-weight: bolder; }
.page_404 .notfound__detail {
text-align: center; } }
@media screen and (min-device-width: 640px) and (max-device-width: 960px), screen and (max-width: 800px) {
.page_404 .main-content {
margin-bottom: 20px;
position: relative;
zoom: 1;
padding: 10px 0; }
.page_404 .main-content:before, .page_404 .main-content:after {
content: "";
display: table; }
.page_404 .main-content:after {
clear: both; }
.page_404 .announce {
margin: 0 auto 10px; }
.page_404 .announce__body {
position: relative;
background-repeat: repeat-y;
background-position: center;
margin: 0 auto; }
.page_404 .announce__body:after {
content: "";
display: block;
background-repeat: no-repeat;
background-position: center top;
position: absolute;
bottom: -2px;
left: 0;
z-index: 10; }
.page_404 .announce__more {
text-align: right;
padding: 8px 16px 16px; }
.page_404 .notfound {
font-size: 1.2rem; }
.page_404 .notfound:before {
content: "";
display: block;
position: absolute;
top: -2px;
left: 0;
z-index: 10; }
.page_404 .notfound:after {
content: "";
display: block;
position: absolute;
bottom: -2px;
left: 0;
z-index: 10; }
.page_404 .notfound__body {
padding: 10px; }
.page_404 .notfound__body img {
max-width: 320px; }
.page_404 .notfound__caption {
margin-bottom: 10px;
font-size: 1.6rem;
font-weight: bolder; }
.page_404 .notfound__detail {
text-align: center; } }