@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; } }