@charset 'UTF-8';
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset 'UTF-8';
@charset "utf-8";






.drawer-open {
overflow: hidden !important;
}
.drawer-nav {
position: fixed;
z-index: 101;
top: 0;
overflow-y: scroll;
width: 100%;
color: #222;
background-color: #F8F8F8;
}
.drawer-menu {
margin:10px auto 0;
padding:5px 0 0;
list-style: none;
text-align: left;
width: 85%;
} .drawer-overlay {
position: fixed;
z-index: 100;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .2);
}
.drawer-open .drawer-overlay {
display: block;
} .drawer--top .drawer-nav {
top: -100%;
left: 0;
width: 100%;
height: auto;
max-height: 100%;
-webkit-transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.drawer--top.drawer-open .drawer-nav {
top:60px; }
.drawer--top .drawer-hamburger,
.drawer--top.drawer-open .drawer-hamburger {
right: 0;
} .drawer-hamburger {
position: fixed;
z-index: 104;
top: 3px;
display: block;
box-sizing: content-box;
width: 35px;
padding-top: 17px;
padding-right: 0.8rem;
padding-bottom: 24px;
padding-left: 1rem;
-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
border: 0;
outline: 0;
background-color:#fff;
}
.drawer-hamburger:hover {
cursor: pointer;
background-color: #fff;
}
.drawer-hamburger-icon {
position: relative;
display: block;
margin-top: 10px;
}
.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
width: 100%;
height: 2px;
-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
background-color:#5e6998;
}
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
position: absolute;
top: -10px;
left: 0;
content: ' ';
}
.drawer-hamburger-icon:after {
top: 10px;
}
.drawer-open .drawer-hamburger-icon {
background-color: transparent;
}
.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
top: 0;
}
.drawer-open .drawer-hamburger-icon:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.drawer-open .drawer-hamburger-icon:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}  .sr-only {
position: absolute;
overflow: hidden;
clip: rect(0, 0, 0, 0);
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
} .sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
overflow: visible;
clip: auto;
width: auto;
height: auto;
margin: 0;
} .drawer--navbarTopGutter {
padding-top: 0;
}
.drawer-navbar .drawer-navbar-header {
width: 100%;
margin: 0 auto;
left: 0;
top:0;
height: 60px;
border-bottom: 1px solid #ccc;
}
.drawer-navbar {
z-index: 102;
top: 0;
padding:0; 
left: 0;
width: 100%;
} .drawer-navbar--fixed {
position: fixed;
}
.drawer-navbar-header {
position: relative;
z-index: 102;
box-sizing: border-box;
width: 100%;
padding: 0 10px;
text-align: left;
background: #fff;
top:0;
}
.drawer-navbar .drawer-nav {
padding-top: 0px;
}
.drawer-navbar .drawer-menu {
padding-bottom: 200px;
}
  @font-face {
font-family: "Noto Sans JP";
font-style: normal;
font-weight: 400;
src: local(""), url(//ma-inc.jp/game_support/wp-content/themes/fonts/NotoSansJP-Regular.otf) format("opentype");
} @font-face {
font-family: "Noto Sans JP";
font-style: normal;
font-weight: 700;
src: local(""), url(//ma-inc.jp/game_support/wp-content/themes/fonts/NotoSansJP-Bold.otf) format("opentype");
}
html {
margin: 0;
padding: 0;
border: 0;
font-size: 62.5%;
vertical-align: baseline;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-decoration: none;
}
body {
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0;
padding: 0;
font-size: 1.6rem;
text-align: center;
background: #fff;
line-height: 2;
color: #1d1d1d;
font-display: swap;
}
.wrapper {
margin: 0;
padding: 0;
width: 100%;
overflow: hidden;
}
@media screen and (max-width: 980px) {
body {
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0;
padding: 0;
font-size: 1.6rem;
text-align: center;
background: #fff;
line-height: 2;
color: #000;
font-display: swap;
}
.wrapper {
margin: 0;
padding: 0;
width: 100%;
min-width: 100%;
overflow: hidden;
}
}
@media all and (-ms-high-contrast: none) {
body {
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0;
padding: 0;
font-size: 1.6rem;
text-align: center;
background: #fff;
line-height: 1.8;
color: #000;
font-display: swap;
}
}
* html body {
overflow: hidden;
} html {
visibility: hidden;
}
html.wf-active, html.loading-delay {
visibility: visible;
} #faq01, #faq02, #faq03 {
padding-top: 240px;
margin-top: -240px;
}
@media screen and (max-width: 980px) {
#faq01, #faq02, #faq03 {
padding-top: 102px;
margin-top: -102px;
}
}
#h2022, #h2021, #h2020, #h2019, #h2018, #h2011 {
padding-top: 100px;
margin-top: -100px;
}
.fixed {
overflow: auto;
height: 100%;
}  .is-pc {
display: block !important;
}
.is-sp {
display: none !important;
} @media screen and (max-width: 980px) {
.is-pc {
display: none !important;
}
.is-sp {
display: block !important;
}
} .is-header-pc {
display: block !important;
}
.is-header-sp {
display: none !important;
}
.drawer-navbar {
display: none;
} @media screen and (max-width: 980px) {
.is-header-pc {
display: none !important;
}
.is-header-sp {
display: block !important;
}
.drawer-navbar {
display: block !important;
}
}  .fadein {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(60px);
transform: translateY(60px);
-webkit-transition: all 1.5s;
transition: all 1.5s;
} .fadein.scrollin {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.fadein.scrollin:nth-of-type(1) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.fadein.scrollin:nth-of-type(2) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.fadein.scrollin:nth-of-type(3) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.fadein.scrollin:nth-of-type(4) {
-webkit-transition-delay: 0.4;
transition-delay: 0.4;
}
.fadein.scrollin:nth-of-type(5) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.fadein.scrollin:nth-of-type(6) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.fadein.scrollin:nth-of-type(7) {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.fadein.scrollin:nth-of-type(8) {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.fadein.scrollin:nth-of-type(9) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.fadein.scrollin:nth-of-type(10) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.fadein.scrollin:nth-of-type(11) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.fadein.scrollin:nth-of-type(12) {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s;
}
.fadein.scrollin:nth-of-type(13) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.fadein.scrollin:nth-of-type(14) {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
.fadein.scrollin:nth-of-type(15) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.fadein-pt02 {
opacity: 0;
-webkit-transition: all 2.5s;
transition: all 2.5s;
}
.fadein-pt02.active {
opacity: 1;
} .bread-area-appli span[property=name] {
display: inline-block;
padding: 0;
margin-top: -3px;
vertical-align: middle;
max-width: 1050px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media screen and (max-width: 1200px) {
.bread-area-appli span[property=name] {
display: inline-block;
padding: 0;
margin-top: -3px;
vertical-align: middle;
max-width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.bread-area {
margin: 0 auto;
padding: 20px 10px 0;
max-width: 1180px;
text-align: left;
font-size: 12px;
}
.bread-area a:hover {
text-decoration: underline;
}
@media screen and (max-width: 1200px) {
.bread-area {
margin: 0 auto;
padding: 20px 10px 0;
max-width: 1180px;
text-align: left;
font-size: 12px;
}
.bread-area a:hover {
text-decoration: underline;
}
}
.bread-area-02 {
margin: 120px auto 0;
padding: 20px 10px 0;
max-width: 1180px;
text-align: left;
font-size: 12px;
}
.bread-area-02 a:hover {
text-decoration: underline;
}
@media screen and (max-width: 1200px) {
.bread-area-02 {
margin: 80px auto 0;
padding: 0 10px;
max-width: 1180px;
text-align: left;
font-size: 12px;
}
.bread-area-02 a:hover {
text-decoration: underline;
}
}
@media screen and (max-width: 980px) {
.bread-area {
margin: 0;
padding: 30px 5% 0;
max-width: 90%;
text-align: left;
font-size: 14px;
}
}
.bread-area-notfound {
margin: 100px auto 0;
padding: 0;
max-width: 1200px;
text-align: left;
font-size: 12px;
}
.bread-area-appli {
margin: 140px auto 0;
padding: 0;
max-width: 1200px;
text-align: left;
font-size: 12px;
}
@media screen and (max-width: 1200px) {
.bread-area-notfound {
margin: 100px auto 0;
padding: 0;
max-width: 1200px;
text-align: left;
font-size: 12px;
}
}
@media screen and (max-width: 980px) {
.bread-area-notfound {
margin: 60px 0 0;
padding: 20px 5% 0;
max-width: 90%;
text-align: left;
font-size: 14px;
}
.bread-area-appli {
margin: 60px auto 0;
padding: 20px 5% 20px;
max-width: 90%;
text-align: left;
font-size: 14px;
}
}
div.scroll {
display: inline-block;
position: absolute;
left: 40px;
bottom: 0;
z-index: 2;
padding: 10px 10px 80px;
overflow: hidden;
color: #000;
font-size: 12px;
font-family: "Josefin Sans", sans-serif;
line-height: 1;
letter-spacing: 0.2em;
text-transform: uppercase;
text-decoration: none;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
}
div.scroll::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 1px;
height: 70px;
background: #000;
-webkit-animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
}
@-webkit-keyframes sdl {
0% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
30% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
70% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
100% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
}
@keyframes sdl {
0% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
30% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
70% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
100% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
}
@media screen and (max-width: 980px) {
div.scroll {
display: inline-block;
position: absolute;
left: 40px;
bottom: 0;
z-index: 2;
padding: 10px 10px 60px;
overflow: hidden;
color: #000;
font-size: 12px;
font-family: "Josefin Sans", sans-serif;
line-height: 1;
letter-spacing: 0.2em;
text-transform: uppercase;
text-decoration: none;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, 1px 0px 1px #fff, -1px 0px 1px #fff, 0px 1px 1px #fff, 0px -1px 1px #fff;
}
div.scroll::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 1px;
height: 50px;
background: #000;
-webkit-animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
}
@-webkit-keyframes sdl {
0% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
30% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
70% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
100% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
}
@keyframes sdl {
0% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
30% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
70% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
100% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
}
}
.bg-gray-01 {
background: rgba(3, 110, 184, 0.13);
}
.bg-gray-02 {
background: #f4f4f4;
}
.page-base {
margin: 0;
padding: 100px 0;
}
.page-base-02 {
margin: 0;
padding: 0;
background: #F2F7FA;
}
.page-base-download {
margin: 0;
padding: 100px 0 20px;
background: #fff;
}
.page-base-faq {
margin: 0;
padding: 100px 0;
background: #f1f1f1;
}
.page-case-area {
margin: 0;
padding: 100px 0 20px;
}
@media screen and (max-width: 980px) {
.page-base {
margin: 0 auto;
padding: 60px 0;
width: 90%;
}
.page-base-02 {
margin: 0 auto;
padding: 0;
background: #F2F7FA;
width: 100%;
}
.page-base-download {
margin: 0;
padding: 60px 0 20px;
background: #fff;
}
.page-case-area {
margin: 0;
padding: 60px 0 0;
}
}
.section-comp {
margin: 0;
padding: 0;
}
.section-comp-02 {
margin: 100px 0 0;
padding: 0;
}
.section-comp-03 {
margin: 100px 0 0;
padding: 0px;
}
.section-comp-04 {
margin: 0;
padding: 100px 0 150px;
}
.section-comp-05 {
margin: 100px 0 0;
padding: 60px 0 100px;
background: #fff;
}
.section-comp-06 {
margin: 0;
padding: 0 0 100px;
background: #fff;
}
@media screen and (max-width: 980px) {
.section-comp-02 {
margin: 60px 0 0;
padding: 0;
}
.section-comp-03 {
margin: 60px 0 0;
padding: 0;
}
.section-comp-04 {
margin: 0;
padding: 60px 0 0;
}
.section-comp-05 {
margin: 0;
padding: 60px 0;
background: #fff;
}
.section-comp-06 {
margin: 0;
padding: 0 0 60px;
background: #fff;
}
}
.contents-01 {
margin: 0 auto;
padding: 60px 0 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-point.jpg) no-repeat;
background-position: center top;
}
.contents-02 {
margin: 0 auto;
padding: 60px 0 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-example.jpg) no-repeat;
background-position: center top;
}
.contents-03 {
margin: 0 auto;
padding: 60px 0 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-case.jpg) no-repeat;
background-position: center top;
}
.contents-04 {
margin: 0 auto;
padding: 60px 0 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-plan.jpg) no-repeat;
background-position: center top;
}
.contents-base-01 {
margin: 60px auto 0;
padding: 100px 100px 30px;
max-width: 1200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
.contents-base-02 {
margin: 60px auto 0;
padding: 50px 100px 90px;
max-width: 1200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
@media screen and (max-width: 1200px) {
.contents-base-01 {
margin: 60px auto 0;
padding: 70px 100px 0px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
}
@media screen and (max-width: 980px) {
.contents-base-01 {
margin: 60px auto 0;
padding: 30px 30px 0px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
.contents-base-02 {
margin: 60px auto 0;
padding: 30px 30px 60px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
}
ul.point-area {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
}
ul.point-area li {
margin: 0 0 70px;
padding: 0;
width: 45%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
ul.point-area li .point-icon {
margin: 0 8% 0 0;
padding: 0;
width: 22%;
vertical-align: top;
}
ul.point-area li .point-icon img {
width: 100%;
height: auto;
}
ul.point-area li .point-text {
margin: 0;
padding: 0;
width: 67%;
vertical-align: top;
line-height: 1.8;
}
ul.point-area li .point-icon-02 {
margin: 0 8% 0 0;
padding: 0;
width: 18%;
vertical-align: top;
}
ul.point-area li .point-icon-02 img {
width: 100%;
height: auto;
}
ul.point-area li .point-text-02 {
margin: 0;
padding: 0;
width: 70%;
vertical-align: top;
line-height: 1.8;
}
@media screen and (max-width: 980px) {
ul.point-area {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
}
ul.point-area li {
margin: 0 0 40px;
padding: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
ul.point-area li .point-icon {
margin: 30px auto 0;
padding: 0;
width: 50%;
vertical-align: top;
}
ul.point-area li .point-icon img {
width: 100%;
height: auto;
}
ul.point-area li .point-text {
margin: 0;
padding: 0;
width: 100%;
vertical-align: top;
line-height: 1.8;
}
ul.point-area li .point-icon-02 {
margin: 30px auto 0;
padding: 0;
width: 40%;
vertical-align: top;
}
ul.point-area li .point-icon-02 img {
width: 100%;
height: auto;
}
ul.point-area li .point-text-02 {
margin: 0;
padding: 0;
width: 100%;
vertical-align: top;
line-height: 1.8;
}
}
.top-about-base {
margin: 80px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
max-width: 1200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
background-position: right top;
}
.top-about-base li.about-n01 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 27%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base li.about-n01:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n01.svg);
position: absolute;
right: 20px;
bottom: 0;
}
.top-about-base li.about-n02 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 27%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base li.about-n02:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n02.svg);
position: absolute;
right: 20px;
bottom: 0;
}
.top-about-base li.about-n03 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 30%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base li.about-n03:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n03.svg);
position: absolute;
right: 70px;
bottom: 0;
}
.top-about-base .top-about-text {
margin: 0;
padding: 0;
position: absolute;
font-size: 20px;
top: 100px;
left: 60px;
z-index: 2;
}
.top-about-base .top-about-text-02 {
margin: 0;
padding: 0;
position: absolute;
font-size: 20px;
top: 80px;
left: 60px;
z-index: 2;
}
.top-about-base-02 {
margin: 10px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
max-width: 1200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
background-position: right top;
}
.top-about-base-02 li.about-n04 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 27%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base-02 li.about-n04:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n04.svg);
position: absolute;
right: 20px;
bottom: 0;
}
.top-about-base-02 li.about-n05 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 27%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base-02 li.about-n05:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n05.svg);
position: absolute;
right: 20px;
bottom: 0;
}
.top-about-base-02 li.about-n06 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 30%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base-02 li.about-n06:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n06.svg);
position: absolute;
right: 70px;
bottom: 0;
}
.top-about-base-02 .top-about-text {
margin: 0;
padding: 0;
position: absolute;
font-size: 20px;
top: 100px;
left: 60px;
z-index: 2;
}
.top-about-base-02 .top-about-text-02 {
margin: 0;
padding: 0;
position: absolute;
font-size: 20px;
top: 80px;
left: 60px;
z-index: 2;
}
@media screen and (max-width: 980px) {
.sp-top-about-01 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n01.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-02 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n02.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-03 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n03.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-04 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n04.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-05 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n05.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-06 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n06.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-01:after,
.sp-top-about-02:after,
.sp-top-about-03:after,
.sp-top-about-04:after,
.sp-top-about-05:after {
content: "";
position: absolute;
bottom: 0;
left: 20%;
width: 60%;
height: 1px;
background-color: #000;
border-radius: 0px;
}
}
.page-button-area {
margin: 100px 0 0;
padding: 0;
}
.page-button-area-02 {
margin: 200px 0 0;
padding: 0;
}
@media screen and (max-width: 980px) {
.page-button-area,
.page-button-area-02 {
margin: 60px auto 0;
padding: 0;
width: 90%;
}
}
.top-example-lead {
margin: 20px 0 0;
padding: 0;
text-align: center;
font-size: 24px;
font-weight: bold;
}
@media screen and (max-width: 980px) {
.top-example-lead {
margin: 20px 0 0;
padding: 0;
text-align: left;
font-size: 20px;
font-weight: bold;
line-height: 1.5;
}
}
ul.top-example-contents {
margin: -20px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
max-width: 700px;
}
ul.top-example-contents li {
margin: 60px 0 30px;
width: 25%;
vertical-align: middle;
position: relative;
padding: 0 2%;
}
ul.top-example-contents li img {
width: 100%;
height: auto;
}
ul.top-example-contents li .text01 {
font-size: 22px;
font-weight: bold;
letter-spacing: -1px;
position: absolute;
bottom: -40px;
right: 0;
left: 0;
}
ul.top-example-contents li .text02 {
font-size: 22px;
font-weight: bold;
letter-spacing: -1px;
position: absolute;
bottom: -60px;
right: 0;
left: 0;
line-height: 1.3;
}
ul.top-example-contents li.icon04 {
margin: 0 0 0 30px;
width: 10%;
vertical-align: middle;
position: relative;
}
ul.top-example-contents li.icon04 img {
width: 100%;
height: auto;
}
@media screen and (max-width: 980px) {
ul.top-example-contents {
margin: 0px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
max-width: 700px;
}
ul.top-example-contents li {
margin: 40px 0 30px;
width: 48%;
vertical-align: middle;
position: relative;
padding: 0;
}
ul.top-example-contents li img {
width: 100%;
height: auto;
}
ul.top-example-contents li .text01 {
font-size: 20px;
font-weight: bold;
letter-spacing: -1px;
position: absolute;
bottom: -30px;
right: 0;
left: 0;
line-height: 1.3;
}
ul.top-example-contents li .text02 {
font-size: 20px;
font-weight: bold;
letter-spacing: -1px;
position: absolute;
bottom: -50px;
right: 0;
left: 0;
line-height: 1.3;
}
ul.top-example-contents li.icon04 {
margin: 0 0 0 30px;
width: 10%;
vertical-align: middle;
position: relative;
}
ul.top-example-contents li.icon04 img {
width: 100%;
height: auto;
}
}
.nayami-base01 {
margin: 50px auto 0;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1000px;
}
.nayami-base01 li {
margin: 0;
padding: 0;
width: 28%;
position: relative;
}
.nayami-base01 li .bubble-base {
margin: 0;
padding: 30px;
text-align: left;
background: #fff;
border-radius: 16px;
min-height: 180px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.nayami-base01 li .img-nayami {
margin: 0;
padding: 0;
position: absolute;
right: 0;
bottom: -100px;
}
.nayami-base02 {
margin: 150px auto 0;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 640px;
}
.nayami-base02 li {
margin: 0;
padding: 0;
width: 44%;
position: relative;
}
.nayami-base02 li .bubble-base {
margin: 0;
padding: 30px;
text-align: left;
background: #fff;
border-radius: 16px;
min-height: 180px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.nayami-base02 li .img-nayami {
margin: 0;
padding: 0;
position: absolute;
right: 0;
bottom: -100px;
}
.contents-case-base {
margin: 60px auto 0;
padding: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
max-width: 1200px;
}
.contents-case-base li.case-image {
margin: 0;
padding: 0;
width: 25%;
}
.contents-case-base li.case-image img {
width: 100%;
height: auto;
}
.contents-case-base li.case-text-area {
margin: 0;
padding: 0;
width: 70%;
text-align: left;
}
.contents-case-base li.case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 28px;
font-weight: bold;
color: #036EB8;
line-height: 1;
}
.contents-case-base li.case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.contents-case-base li.case-text-area .case-icon-02 {
margin: 10px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 140px;
font-size: 14px;
line-height: 1;
}
.contents-case-base li.case-text-area .case-text {
margin: 35px 20px 0 0;
padding: 0;
display: inline-block;
width: 120px;
font-size: 18px;
}
.contents-case-base li.case-text-area .case-text-02 {
margin: 35px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
.contents-case-base li.case-text-area .case-text-03 {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
@media screen and (max-width: 980px) {
.contents-case-base {
margin: 60px auto 0;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
max-width: 90%;
}
.contents-case-base li.case-image {
margin: 35px 0 0;
padding: 0;
width: 100%;
}
.contents-case-base li.case-image img {
width: 100%;
height: auto;
}
.contents-case-base li.case-text-area {
margin: 0;
padding: 0;
width: 100%;
text-align: left;
}
.contents-case-base li.case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 24px;
font-weight: bold;
color: #036EB8;
line-height: 1.4;
}
.contents-case-base li.case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.contents-case-base li.case-text-area .case-icon-02 {
margin: 5px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: block;
width: 140px;
font-size: 14px;
line-height: 1;
}
.contents-case-base li.case-text-area .case-text {
margin: 5px 20px 0 0;
padding: 0;
display: block;
width: 120px;
font-size: 18px;
}
.contents-case-base li.case-text-area .case-text-02 {
margin: 5px 20px 0 0;
padding: 0;
display: block;
width: 220px;
font-size: 18px;
}
.contents-case-base li.case-text-area .case-text-03 {
margin: 10px 20px 0 0;
padding: 0;
display: block;
width: 220px;
font-size: 18px;
}
}
.contents-case-base-02 {
margin: 80px auto 0;
padding: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
max-width: 1200px;
}
.contents-case-base-02 li.case-image {
margin: 0;
padding: 0;
width: 25%;
}
.contents-case-base-02 li.case-image img {
width: 100%;
height: auto;
}
.contents-case-base-02 li.case-text-area {
margin: 0;
padding: 0;
width: 70%;
text-align: left;
}
.contents-case-base-02 li.case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 28px;
font-weight: bold;
color: #036EB8;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-icon-02 {
margin: 10px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 140px;
font-size: 14px;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-text {
margin: 35px 20px 0 0;
padding: 0;
display: inline-block;
width: 150px;
font-size: 18px;
}
.contents-case-base-02 li.case-text-area .case-text-02 {
margin: 35px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
.contents-case-base-02 li.case-text-area .case-text-03 {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
@media screen and (max-width: 980px) {
.contents-case-base-02 {
margin: 60px auto 0;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
width: 90%;
}
.contents-case-base-02 li.case-image {
margin: 35px 0 0;
padding: 0;
width: 100%;
}
.contents-case-base-02 li.case-image img {
width: 100%;
height: auto;
}
.contents-case-base-02 li.case-text-area {
margin: 0;
padding: 0;
width: 100%;
text-align: left;
}
.contents-case-base-02 li.case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 24px;
font-weight: bold;
color: #036EB8;
line-height: 1.4;
}
.contents-case-base-02 li.case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-icon-02 {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 140px;
font-size: 14px;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-text {
margin: 5px 20px 0 0;
padding: 0;
display: inline-block;
width: 150px;
font-size: 18px;
}
.contents-case-base-02 li.case-text-area .case-text-02 {
margin: 5px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
.contents-case-base-02 li.case-text-area .case-text-03 {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
}
ul.plan-contents {
margin: 60px auto 0;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1000px;
}
ul.plan-contents li {
margin: 0;
padding: 0;
width: 280px;
height: 280px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
ul.plan-contents li .circle {
display: inline-block;
width: 280px;
height: 280px;
border-radius: 50%;
background: #fff;
text-align: center;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 70px 0 0;
}
@media screen and (max-width: 980px) {
ul.plan-contents {
margin: 60px auto 0;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 90%;
}
ul.plan-contents li {
margin: 0 auto;
padding: 0;
width: 280px;
min-height: 480px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
ul.plan-contents li .circle {
display: inline-block;
width: 280px;
height: 280px;
border-radius: 50%;
background: #fff;
text-align: center;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 70px 0 0;
}
} .top-faq-base {
margin: 60px auto 0;
padding: 0;
max-width: 1000px;
text-align: left;
}
@media screen and (max-width: 980px) {
.top-faq-base {
margin: 60px auto 0;
padding: 0;
width: 90%;
text-align: left;
}
}
.accordion-container .accordion-title {
position: relative;
margin: 0 auto;
padding: 30px 5% 30px 8%;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-question.svg) no-repeat;
background-position: 15px 30px;
font-size: 18px;
font-weight: normal;
color: #000;
cursor: pointer;
width: 87%;
border-top: 1px solid #ccc;
text-align: left;
}
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open {
background-color: none;
}
.accordion-container .accordion-title::before {
content: "";
position: absolute;
top: 50%;
right: 25px;
width: 15px;
height: 2px; -webkit-transform: rotate(90deg);
transform: rotate(90deg);
background: #ccc;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.accordion-container .accordion-title::after {
content: "";
position: absolute;
top: 50%;
right: 25px; width: 15px;
height: 2px;
background: #ccc;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.accordion-container .accordion-title.open::before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion-container .accordion-title.open::after {
opacity: 0;
}
.accordion-content {
display: none;
padding: 30px 5% 30px 8%;
background: #F4F4F4;
width: 87%;
position: relative;
text-align: left;
}
.accordion-content:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-answer.svg);
display: block;
padding: 0;
position: absolute;
left: 15px;
top: 28px;
}
@media screen and (max-width: 980px) {
.accordion-container .accordion-title {
position: relative;
margin: 0 auto;
padding: 30px 5% 30px 18%;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-question.svg) no-repeat;
background-position: 5px 30px;
font-size: 18px;
font-weight: normal;
color: #000;
cursor: pointer;
width: 77%;
border-top: 1px solid #ccc;
text-align: left;
}
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open {
background-color: none;
}
.accordion-container .accordion-title::before {
content: "";
position: absolute;
top: 50%;
right: 25px;
width: 15px;
height: 0px; -webkit-transform: rotate(90deg);
transform: rotate(90deg);
background: #ccc;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.accordion-container .accordion-title::after {
content: "";
position: absolute;
top: 50%;
right: 25px; width: 15px;
height: 0px;
background: #ccc;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.accordion-container .accordion-title.open::before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion-container .accordion-title.open::after {
opacity: 0;
}
.accordion-content {
display: none;
padding: 30px 5% 30px 18%;
background: #F4F4F4;
width: 77%;
position: relative;
text-align: left;
}
.accordion-content:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-answer.svg);
display: block;
padding: 0;
position: absolute;
left: 5px;
top: 28px;
}
}
.accordion-box {
border-bottom: 1px solid #ccc;
}  .movie-area {
margin: 60px 0 0;
padding: 0;
}
@media screen and (max-width: 980px) {
.movie-area {
margin: 60px auto 0;
padding: 0;
width: 90%;
}
}
.movie-youtube {
width: 700px;
margin: 0 auto;
}
.movie-youtube a {
border: 0px solid #fff;
display: block;
position: relative;
}
.movie-youtube a:hover {
opacity: 0.6;
}
.movie-youtube a::before {
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-youtube-red.png) center center/64px 45px no-repeat;
content: "";
display: block;
width: 100%; height: 60px; margin: -32px auto 0;
position: absolute;
top: 50%;
left: 0;
right: 0;
z-index: 1;
opacity: 0.8;
}
.movie-youtube a img {
margin: 0 auto;
text-align: center;
width: 100%;
border: 1px solid #ccc;
border-radius: 20px;
}
@media screen and (max-width: 980px) {
.movie-youtube {
width: 100%;
margin: 20px auto 0;
}
}
.sp-lead-base {
margin: 30px auto 0;
padding: 0;
background: #fff;
width: 90%;
}
.sp-lead-01 {
margin: 0;
padding: 0 0 0 30px;
font-size: 20px;
line-height: 1.3;
position: relative;
text-align: left;
}
.sp-lead-02 {
margin: 20px 0 0;
padding: 0 0 0 30px;
font-size: 20px;
line-height: 1.3;
position: relative;
text-align: left;
}
.sp-lead-01:before,
.sp-lead-02:before {
content: "";
position: absolute;
top: 5px;
left: 0px;
width: 8px;
height: calc(100% - 10px);
background-color: #00ADE1;
border-radius: 4px;
}
.sp-nayami-01 {
margin: 60px auto 0;
padding: 20px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-01:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-01.svg);
position: absolute;
bottom: -12px;
right: 15px;
}
.sp-nayami-02 {
margin: 60px auto 0;
padding: 20px 20px 20px 170px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-02:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-02.svg);
position: absolute;
bottom: -12px;
left: 15px;
}
.sp-nayami-03 {
margin: 60px auto 0;
padding: 20px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-03:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-03.svg);
position: absolute;
bottom: -12px;
right: 15px;
}
.sp-nayami-04 {
margin: 60px auto 0;
padding: 20px 20px 20px 170px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-04:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-04.svg);
position: absolute;
bottom: -12px;
left: 15px;
}
.sp-nayami-05 {
margin: 60px auto 0;
padding: 20px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-05:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-05.svg);
position: absolute;
bottom: -12px;
right: 15px;
}
.page-main-case {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-case.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-download {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-download.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-faq {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-faq.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-contact {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-contact.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-sitemap {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-sitemap.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
@media screen and (max-width: 980px) {
.page-main-case {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-case.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-download {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-download.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-faq {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-faq.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-contact {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-contact.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-sitemap {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-sitemap.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
}
.page-main-case::before,
.page-main-download::before,
.page-main-faq::before,
.page-main-contact::before,
.page-main-sitemap::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #036EB8;
opacity: 0.7;
display: block;
z-index: 0;
}
.pagetitle {
margin: 0;
padding: 0;
font-size: 40px;
color: #fff;
font-weight: bold;
position: absolute;
top: 35%;
left: 0;
right: 0;
}
@media screen and (max-width: 980px) {
.pagetitle {
margin: 0;
padding: 0;
font-size: 30px;
color: #fff;
font-weight: bold;
position: absolute;
top: 35%;
left: 0;
right: 0;
}
} .page-case-base {
margin: 0 auto 60px;
padding: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
max-width: 1200px;
}
.page-case-base-02 {
margin: 80px auto 0;
padding: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
max-width: 1200px;
}
@media screen and (max-width: 1200px) {
.page-case-base {
margin: 0 20px 60px;
padding: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
max-width: 1200px;
}
.page-case-base-02 {
margin: 80px 20px 0;
padding: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
max-width: 1200px;
}
}
@media screen and (max-width: 980px) {
.page-case-base {
margin: 0 auto 50px;
padding: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
width: 94%;
}
.page-case-base-02 {
margin: 60px auto 0;
padding: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
width: 94%;
}
}
.page-case-box {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page-case-box .case-image {
margin: 0;
padding: 0;
width: 22%;
}
.page-case-box .case-image img {
width: 100%;
height: auto;
}
.page-case-box .case-text-area {
margin: 0;
padding: 0;
width: 73%;
text-align: left;
}
.page-case-box .case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 28px;
font-weight: bold;
color: #036EB8;
line-height: 1;
}
.page-case-box .case-text-area .case-lead {
margin: 25px 0 0;
padding: 0;
font-size: 22px;
font-weight: bold;
line-height: 1.3;
}
.page-case-box .case-text-area .case-icon {
margin: 18px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.page-case-box .case-text-area .case-icon-02 {
margin: 18px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 140px;
font-size: 14px;
line-height: 1;
}
.page-case-box .case-text-area .case-text {
margin: 18px 20px 0 0;
padding: 0;
display: inline-block;
width: 550px;
font-size: 18px;
}
.page-case-box .case-text-area .case-text-02 {
margin: 18px 20px 0 0;
padding: 0;
display: inline-block;
width: 400px;
font-size: 18px;
}
@media screen and (max-width: 980px) {
.page-case-box {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-case-box .case-image {
margin: 0;
padding: 0;
width: 100%;
}
.page-case-box .case-image img {
width: 100%;
height: auto;
}
.page-case-box .case-text-area {
margin: 0;
padding: 0;
width: 100%;
text-align: left;
}
.page-case-box .case-text-area .case-heading {
margin: 25px 0 0;
padding: 0;
font-size: 24px;
font-weight: bold;
color: #036EB8;
line-height: 1.4;
}
.page-case-box .case-text-area .case-lead {
margin: 25px 0 0;
padding: 0;
font-size: 20px;
font-weight: bold;
line-height: 1.5;
}
.page-case-box .case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.page-case-box .case-text-area .case-icon-02 {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 140px;
font-size: 14px;
line-height: 1;
}
.page-case-box .case-text-area .case-text {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 550px;
font-size: 18px;
}
.page-case-box .case-text-area .case-text-02 {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 400px;
font-size: 18px;
}
}
.case-flow-area {
margin: 40px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.case-flow-area .flow-box {
margin: 0;
padding: 0;
width: 45%;
}
.case-flow-area .flow-arrow {
margin: 0;
padding: 0;
width: 10%;
text-align: center;
}
.case-flow-area .flow-bf-heading {
margin: 0;
padding: 5px;
background: #036EB8;
color: #fff;
font-size: 22px;
text-align: center;
border-radius: 16px 16px 0 0;
}
.case-flow-area .flow-bf-contents {
margin: 0;
padding: 20px;
background: #F2F7FA;
text-align: left;
border: 1px solid #036EB8;
border-radius: 0 0 16px 16px;
min-height: 160px;
}
.case-flow-area .flow-af-heading {
margin: 0;
padding: 5px;
background: #00ADE1;
color: #fff;
font-size: 22px;
text-align: center;
border-radius: 16px 16px 0 0;
}
.case-flow-area .flow-af-contents {
margin: 0;
padding: 20px;
background: #F2F7FA;
text-align: left;
border: 1px solid #00ADE1;
border-radius: 0 0 16px 16px;
min-height: 160px;
}
@media screen and (max-width: 980px) {
.case-flow-area {
margin: 40px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.case-flow-area .flow-box {
margin: 0;
padding: 0;
width: 100%;
}
.case-flow-area .flow-arrow {
margin: 0;
padding: 15px 0 10px;
width: 100%;
text-align: center;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.case-flow-area .flow-bf-heading {
margin: 0;
padding: 5px;
background: #036EB8;
color: #fff;
font-size: 22px;
text-align: center;
border-radius: 16px 16px 0 0;
}
.case-flow-area .flow-bf-contents {
margin: 0;
padding: 20px;
background: #F2F7FA;
text-align: left;
border: 1px solid #036EB8;
border-radius: 0 0 16px 16px;
}
.case-flow-area .flow-af-heading {
margin: 0;
padding: 5px;
background: #00ADE1;
color: #fff;
font-size: 22px;
text-align: center;
border-radius: 16px 16px 0 0;
}
.case-flow-area .flow-af-contents {
margin: 0;
padding: 20px;
background: #F2F7FA;
text-align: left;
border: 1px solid #00ADE1;
border-radius: 0 0 16px 16px;
}
}
.down-load-base {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
max-width: 1200px;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.down-load-base li {
margin: 0 0 80px;
padding: 0;
width: 30%;
text-align: left;
}
.down-load-base li .arc-download-title {
margin: 20px 0 0;
padding: 0;
font-size: 18px;
font-weight: bold;
}
.down-load-base li .arc-download-text {
margin: 20px 0 0;
padding: 0 0 10px;
font-size: 16px;
}
.down-load-base .download-img {
overflow: hidden;
cursor: pointer;
height: 220px;
}
.down-load-base .download-img img {
width: 100%;
height: auto;
}
.down-load-base .download-img img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.down-load-base .download-img:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
@media screen and (max-width: 980px) {
.down-load-base {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
width: 90%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.down-load-base li {
margin: 0 0 70px;
padding: 0;
width: 100%;
}
.down-load-base .sp-download-img {
width: 100%;
}
.down-load-base .sp-download-img img {
width: 100%;
height: auto;
}
}
.page-base-downloadform {
margin: 100px auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
max-width: 1000px;
}
.page-base-downloadform .downloadform-img {
margin: 0;
padding: 0;
width: 38%;
}
.page-base-downloadform .downloadform-img img {
width: 100%;
height: auto;
}
.page-base-downloadform .downloadform-base {
margin: 0;
padding: 30px 50px;
width: 52%;
border-radius: 20px;
background: #F4F4F4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-base-downloadform .downloadform-base .downloadform-heading {
margin: 0;
padding: 0 0 5px;
border-bottom: 1px solid #000;
text-align: center;
font-size: 26px;
font-weight: bold;
}
.page-base-downloadform .downloadform-base-01 {
margin: 0;
padding: 0;
width: 52%;
}
.page-base-downloadform .downloadform-base-01 .downloadform-heading {
margin: 0;
padding: 0;
text-align: center;
font-size: 20px;
font-weight: bold;
}
.page-base-downloadform .downloadform-base-01 .downloadform-box {
margin: 0;
padding: 10px 50px 30px;
border-radius: 20px;
background: #f4f4f4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-base-downloadform .downloadform-base-01 .downloadform-box .downloadform-heading-01 {
margin: 0;
padding: 0 0 5px;
border-bottom: 1px solid #000;
text-align: center;
font-size: 18px;
font-weight: bold;
}
@media screen and (max-width: 1000px) {
.page-base-downloadform {
margin: 100px 3%;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
max-width: 1000px;
}
}
@media screen and (max-width: 980px) {
.page-base-downloadform {
margin: 60px auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
width: 90%;
}
.page-base-downloadform .downloadform-img {
margin: 0;
padding: 0;
width: 100%;
}
.page-base-downloadform .downloadform-img img {
width: 100%;
height: auto;
}
.page-base-downloadform .downloadform-base-01 {
margin: 40px 0 0;
padding: 0;
width: 100%;
}
.page-base-downloadform .downloadform-base-01 .downloadform-heading {
margin: 0;
padding: 0;
text-align: center;
font-size: 20px;
font-weight: bold;
}
.page-base-downloadform .downloadform-base-01 .downloadform-box {
margin: 5px 0 0;
padding: 30px 30px 50px;
width: 100%;
border-radius: 20px;
background: #F4F4F4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.thanks-text {
margin: 30px 0 0;
padding: 0;
text-align: center;
}
@media screen and (max-width: 980px) {
.thanks-text {
margin: 30px 0 0;
padding: 0;
text-align: left;
}
}
.thanks-img {
margin: 0 auto;
padding: 0;
text-align: center;
}
@media screen and (max-width: 980px) {
.thanks-img {
margin: 0 auto;
padding: 0;
text-align: center;
}
.thanks-img img {
width: 100%;
height: auto;
}
}
.thanks-button-area {
margin: 80px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 1200px;
}
@media screen and (max-width: 980px) {
.thanks-button-area {
margin: 30px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 1200px;
}
}
#faq-index-base {
margin: 0;
padding: 0;
z-index: 999;
}
#faq-index-base.m_fixed {
left: 0;
position: fixed;
top: 80px;
border-bottom: 1px solid #ccc;
background: #F2F7FA;
width: 100%;
padding: 20px 0;
}
.faq-index-area {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 1200px;
}
.faq-index-area li {
margin: 0;
padding: 0;
width: 30%;
}
.faq-base {
margin: 100px auto 0;
padding: 60px 80px 80px;
border: 1px solid #036EB8;
max-width: 1200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
}
.faq-base .faq-heading {
margin: 0 0 50px;
padding: 0 0 5px;
text-align: center;
font-size: 26px;
font-weight: bold;
}
@media screen and (max-width: 980px) {
.faq-index-area {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.faq-index-area li {
margin: 0 0 25px;
padding: 0;
width: 100%;
}
.faq-base {
margin: 35px auto 0;
padding: 40px 20px 40px;
border: 1px solid #036EB8;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
}
.faq-base .faq-heading {
margin: 0 0 40px;
padding: 0 0 5px;
text-align: center;
font-size: 26px;
font-weight: bold;
}
}
.contact-base {
margin: 0 auto;
padding: 30px 70px 40px;
text-align: left;
max-width: 900px;
border-radius: 20px;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 980px) {
.contact-base {
margin: 0 auto;
padding: 20px 20px 30px;
text-align: left;
width: 100%;
border-radius: 20px;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.contact-form-area {
margin: 20px 0 0;
padding: 0;
}
.appli-contact-form-area {
margin: 50px 0 0;
padding: 40px 80px;
border: 0px solid #333;
border-radius: 20px;
background: #f4f4f4;
}
@media screen and (max-width: 980px) {
.appli-contact-form-area {
margin: 30px 0 0;
padding: 5px 20px 30px;
border: 0px solid #333;
border-radius: 20px;
background: #f4f4f4;
}
}
.page-sitemap-base {
margin: 0 auto;
padding: 100px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 800px;
text-align: left;
}
.page-sitemap-base li {
margin: 0;
padding: 0;
width: 50%;
}
.page-sitemap-base .sitemap-01 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-01.svg) no-repeat;
background-position: 0 6px;
}
.page-sitemap-base .sitemap-02 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-02.svg) no-repeat;
background-position: 0 6px;
}
.page-sitemap-base .sitemap-03 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-03.svg) no-repeat;
background-position: 0 6px;
}
.page-sitemap-base .sitemap-04 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-04.svg) no-repeat;
background-position: 0 10px;
}
.page-sitemap-base .sitemap-05 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-05.svg) no-repeat;
background-position: 0 8px;
}
.page-sitemap-base .sitemap-06 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-06.svg) no-repeat;
background-position: 0 6px;
position: relative;
}
.page-sitemap-base .sitemap-06::after {
position: absolute;
top: 10%;
left: 115px;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);
}
.page-sitemap-base .sitemap-07 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-07.svg) no-repeat;
background-position: 0 8px;
position: relative;
}
.page-sitemap-base .sitemap-07::after {
position: absolute;
top: 10%;
left: 215px;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);
}
.page-sitemap-base .sitemap-08 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-08.svg) no-repeat;
background-position: 0 8px;
}
.page-sitemap-base .sitemap-01 a,
.page-sitemap-base .sitemap-02 a,
.page-sitemap-base .sitemap-03 a,
.page-sitemap-base .sitemap-04 a,
.page-sitemap-base .sitemap-05 a,
.page-sitemap-base .sitemap-06 a,
.page-sitemap-base .sitemap-07 a,
.page-sitemap-base .sitemap-08 a {
position: relative;
display: inline-block;
text-decoration: none;
}
.page-sitemap-base .sitemap-01 a::after,
.page-sitemap-base .sitemap-02 a::after,
.page-sitemap-base .sitemap-03 a::after,
.page-sitemap-base .sitemap-04 a::after,
.page-sitemap-base .sitemap-05 a::after,
.page-sitemap-base .sitemap-06 a::after,
.page-sitemap-base .sitemap-07 a::after,
.page-sitemap-base .sitemap-08 a::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-sitemap-base .sitemap-01 a:hover::after,
.page-sitemap-base .sitemap-02 a:hover::after,
.page-sitemap-base .sitemap-03 a:hover::after,
.page-sitemap-base .sitemap-04 a:hover::after,
.page-sitemap-base .sitemap-05 a:hover::after,
.page-sitemap-base .sitemap-06 a:hover::after,
.page-sitemap-base .sitemap-07 a:hover::after,
.page-sitemap-base .sitemap-08 a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
@media screen and (max-width: 980px) {
.page-sitemap-base {
margin: 0 auto;
padding: 100px 0 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 75%;
text-align: left;
}
.page-sitemap-base li {
margin: 0;
padding: 0;
width: 100%;
}
}
.notfound-base {
margin: 100px 0 0;
padding: 0 0 100px;
background: #fff;
}
.notfound-img {
margin: 0 auto;
padding: 0;
text-align: center;
width: 350px;
}
.notfound-img img {
width: 100%;
height: auto;
}
@media screen and (max-width: 980px) {
.notfound-base {
margin: 0 auto;
padding: 100px 0 60px;
background: #fff;
width: 90%;
}
.notfound-img {
margin: 0 auto;
padding: 0;
text-align: center;
}
.notfound-img img {
width: 100%;
height: auto;
}
} .pickup-area {
margin: 122px 0 0;
padding: 40px 0;
width: 100%;
background: #F2F7FA;
-webkit-box-sizing: content-box;
box-sizing: content-box;
top: 180px;
}
.appli-base {
margin: 0 auto;
padding: 40px 0 150px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 100%;
}
.appli-base .appli-contents {
margin: 0;
padding: 0;
width: 100%;
text-align: left;
}
.appli-base .appli-contents img {
max-width: 100%;
height: auto;
}
.appli-base .appli-side {
margin: 0;
padding: 0;
width: 27%;
text-align: left;
list-style: none;
}
.appli-base .appli-side img {
margin: 0 0 10px;
padding: 0;
width: 100%;
height: auto;
}
.appli-base .appli-side .side-banner {
margin: 0 0 15px;
padding: 0;
}
.appli-base .appli-side .side-banner img {
width: 100%;
height: auto;
}
.appli-base .appli-side .side-banner-02 {
margin: 20px 0 0;
padding: 0;
}
.appli-base .appli-side .side-banner-02 img {
width: 100%;
height: auto;
}
.appli-base-02 {
margin: 0 auto;
padding: 60px 10px 150px;
max-width: 1000px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.appli-base-02 .appli-contents-02 {
margin: 80px 0 0;
padding: 0;
text-align: left;
}
.appli-base-03 {
margin: 0 auto;
padding: 60px 10px 150px;
max-width: 1200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.appli-base-03 .appli-contents-03 {
margin: 20px 0 0;
padding: 0;
text-align: left;
}
@media screen and (max-width: 1200px) {
.appli-base {
margin: 0 auto;
padding: 60px 1% 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 98%;
}
.appli-base-02 {
margin: 0 auto;
padding: 60px 10px 100px;
max-width: 98%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.appli-base-02 .appli-contents-02 {
margin: 40px 0 0;
padding: 0;
text-align: left;
}
.appli-base-03 {
margin: 0 auto;
padding: 60px 10px 100px;
width: 98%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.appli-base-03 .appli-contents-03 {
margin: 40px 0 0;
padding: 0;
text-align: left;
}
}
@media screen and (max-width: 980px) {
.pickup-area {
margin: 60px 0 0;
padding: 20px 0;
width: 100%;
background: #F2F7FA;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.appli-base {
margin: 0 auto;
padding: 20px 0 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.appli-base .appli-contents {
margin: 0 auto;
padding: 0;
width: 90%;
text-align: left;
}
.appli-base .appli-side {
margin: 80px auto 0;
padding: 0;
width: 90%;
text-align: left;
}
.appli-base .appli-side .side-banner {
margin: 0 0 15px;
padding: 0;
}
.appli-base .appli-side .side-banner img {
width: 100%;
height: auto;
}
.appli-base .appli-side .side-banner-02 {
margin: 20px 0 0;
padding: 0;
}
.appli-base .appli-side .side-banner-02 img {
width: 100%;
height: auto;
}
}
.side-contents {
margin: 30px 0 0;
padding: 0;
}
.side-contents li {
margin: 0 0 15px;
padding: 0 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ddd;
}
.side-contents li .side-img {
width: 80px;
height: 80px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.side-contents li .side-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.side-contents li .side-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.side-contents li .side-text {
width: 68%;
font-size: 14px;
line-height: 1.7;
}
.side-contents li .side-text a:hover {
text-decoration: underline;
}
.side-contents li .side-date {
margin: -3px 0 13px;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 4px;
font-size: 13px;
}
div.press {
padding: 2px 7px;
background: #FF5800;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
div.column {
padding: 2px 7px;
background: #E50012;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
div.event,
div.column-2,
div.report,
div.uncategorized,
div.feature,
div.contact {
padding: 2px 7px;
background: #036EB8;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
.press-top-contents {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.press-top-contents li {
margin: 0 0 70px;
padding: 0;
width: 31%;
}
.press-top-contents li .press-img {
width: 100%;
height: 160px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.press-top-contents li .press-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.press-top-contents li .press-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.press-top-contents li .press-top-date {
margin: 15px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.press-top-contents li .press-top-title {
margin: 10px 0 0;
padding: 0;
background-position: 0 7px;
font-size: 16px;
font-weight: bold;
line-height: 1.7;
}
.press-top-contents li .press-top-title a:hover {
text-decoration: underline;
}
.pressrelease-top-contents {
margin: 0 auto;
padding: 40px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pressrelease-top-contents li {
margin: 0 0 70px;
padding: 0;
width: 31%;
}
.pressrelease-top-contents li .press-img {
width: 100%;
height: 160px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.pressrelease-top-contents li .press-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.pressrelease-top-contents li .press-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.pressrelease-top-contents li .press-img div.press {
padding: 2px 7px;
background: #FF5800;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
.pressrelease-top-contents li .press-img div.column {
padding: 2px 7px;
background: #E50012;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
.pressrelease-top-contents li .press-top-date {
margin: 15px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.pressrelease-top-contents li .press-top-title {
margin: 10px 0 0;
padding: 0;
background-position: 0 7px;
font-size: 16px;
font-weight: bold;
line-height: 1.7;
}
.pressrelease-top-contents li .press-top-title a:hover {
text-decoration: underline;
}
@media screen and (max-width: 980px) {
.press-top-contents {
margin: 0 auto;
padding: 0 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.press-top-contents li {
margin: 0 0 40px;
padding: 0;
width: 100%;
}
.press-top-contents li .press-img {
width: 100%;
height: 200px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.press-top-contents li .press-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.press-top-contents li .press-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.press-top-contents li .press-img .press-top-category-press {
padding: 2px 7px;
background: #FF5800;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
.press-top-contents li .press-img .press-top-category-column {
padding: 2px 7px;
background: #E50012;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
.press-top-contents li .press-top-date {
margin: 15px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.press-top-contents li .press-top-title {
margin: 10px 0 0;
padding: 0;
background-position: 0 7px;
font-size: 16px;
font-weight: bold;
line-height: 1.7;
}
.press-top-contents li .press-top-title a:hover {
text-decoration: underline;
}
.pressrelease-top-contents {
margin: 30px auto 0;
padding: 0 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.pressrelease-top-contents li {
margin: 0 0 40px;
padding: 0;
width: 100%;
}
.pressrelease-top-contents li .press-img {
width: 100%;
height: 200px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.pressrelease-top-contents li .press-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.pressrelease-top-contents li .press-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.pressrelease-top-contents li .press-img .press-top-category-press {
padding: 2px 7px;
background: #FF5800;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
.pressrelease-top-contents li .press-img .press-top-category-column {
padding: 2px 7px;
background: #E50012;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
.pressrelease-top-contents li .press-top-date {
margin: 15px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.pressrelease-top-contents li .press-top-title {
margin: 10px 0 0;
padding: 0;
background-position: 0 7px;
font-size: 16px;
font-weight: bold;
line-height: 1.7;
}
.pressrelease-top-contents li .press-top-title a:hover {
text-decoration: underline;
}
}
.press-top-contents::after,
.pressrelease-top-contents::after {
display: block;
content: "";
width: 31%;
}
.page-navi {
margin: 0 0 50px;
padding: 0;
text-align: center;
}
.page-contents-title {
margin: 0;
padding: 0;
font-size: 34px;
font-weight: bold;
text-align: left;
line-height: 1.6;
}
@media screen and (max-width: 980px) {
.page-contents-title {
margin: 0;
padding: 0;
font-size: 22px;
font-weight: bold;
text-align: left;
line-height: 1.6;
}
}
.page-contents-date {
margin: 20px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 8px;
font-size: 14px;
}
.page-contents-eyecatch {
margin: 70px 0 0;
padding: 0;
}
@media screen and (max-width: 980px) {
.page-contents-eyecatch {
margin: 50px 0 0;
padding: 0;
}
}
.page-contents-textarea {
margin: 30px 0 0;
padding: 0;
text-align: left;
max-width: 100%; }
.page-contents-textarea h2 {
margin: 20px 0;
}
.page-contents-textarea h3 {
margin: 0 0 20px;
padding: 0 0 20px;
border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 980px) {
.page-contents-textarea {
margin: 30px 0 0;
padding: 0;
text-align: left;
max-width: 100%;
}
.page-contents-textarea img {
width: 100%;
height: auto;
}
.page-contents-textarea h2 {
margin: 20px 0;
}
.page-contents-textarea h3 {
margin: 0 0 20px;
padding: 0 0 20px;
border-bottom: 1px solid #ccc;
}
}
.page-category-area {
margin: 80px 0 0;
padding: 0;
text-align: left;
}
.page-category-area .cate-heading {
margin: 0;
padding: 0 0 0 25px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-category.svg) no-repeat;
background-position: 0 5px;
font-size: 14px;
font-weight: bold;
}
.page-category-area .cate-text {
margin: 0;
padding: 0;
font-size: 15px;
}
.page-category-area .cate-text a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.page-category-area .cate-text a::after {
position: absolute;
bottom: 3px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-category-area .cate-text a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.page-tag-area {
margin: 30px 0 0;
padding: 0;
text-align: left;
}
.page-tag-area .tag-heading {
margin: 0;
padding: 0 0 0 25px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-tag.svg) no-repeat;
background-position: 0 5px;
font-size: 14px;
font-weight: bold;
}
.page-tag-area .tag-button {
margin: 5px 10px 5px 0;
padding: 0 15px;
display: inline-block;
height: 28px;
text-align: center;
line-height: 25px;
border: 1px solid #ddd;
background-color: #F7F7F7;
font-size: 14px;
border-radius: 18px;
}
.page-tag-area .tag-button::before,
.page-tag-area .tag-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.page-tag-area .tag-button,
.page-tag-area .tag-button::before,
.page-tag-area .tag-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.page-tag-area .tag-button:hover {
border: 1px solid #036EB8;
background-color: #036EB8;
color: #fff;
}
.page-bottom-navi {
margin: 80px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page-bottom-navi .navi-left {
margin: 0;
padding: 0;
text-align: left;
width: 38%;
}
.page-bottom-navi .navi-left .navi-left-title {
margin: 0;
padding: 0 0 0 15px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-prev.svg) no-repeat;
background-position: 0 10px;
font-weight: bold;
}
.page-bottom-navi .navi-left .navi-left-title a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.page-bottom-navi .navi-left .navi-left-title a::after {
position: absolute;
bottom: 3px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-bottom-navi .navi-left .navi-left-title a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.page-bottom-navi .navi-left .navi-left-text {
margin: 0;
padding: 0;
font-size: 12px;
}
.page-bottom-navi .navi-left .navi-left-text a:hover {
text-decoration: underline;
}
.page-bottom-navi .navi-right {
margin: 0;
padding: 0;
text-align: right;
width: 38%;
}
.page-bottom-navi .navi-right .navi-right-title {
margin: 0;
padding: 0 15px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-next.svg) no-repeat;
background-position: right 10px;
font-weight: bold;
}
.page-bottom-navi .navi-right .navi-right-title a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.page-bottom-navi .navi-right .navi-right-title a::after {
position: absolute;
bottom: 3px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-bottom-navi .navi-right .navi-right-title a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.page-bottom-navi .navi-right .navi-right-text {
margin: 0;
padding: 0;
font-size: 12px;
text-align: left;
}
.page-bottom-navi .navi-right .navi-right-text a:hover {
text-decoration: underline;
}
@media screen and (max-width: 980px) {
.page-bottom-navi {
margin: 50px 0 0;
}
}
select {
padding: 10px 20px;
border-radius: 6px;
margin: 20px 0 0;
}
.appli-relate-base {
margin: 30px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.appli-relate-base li {
margin: 0 0 15px;
padding: 0 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ddd;
width: 47%;
}
.appli-relate-base li .relate-img {
width: 80px;
height: 80px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.appli-relate-base li .relate-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.appli-relate-base li .relate-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.appli-relate-base li .relate-text {
width: 68%;
font-size: 14px;
line-height: 1.7;
}
.appli-relate-base li .relate-text a:hover {
text-decoration: underline;
}
.appli-relate-base li .relate-date {
margin: -3px 0 13px;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 4px;
font-size: 13px;
}
@media screen and (max-width: 980px) {
.appli-relate-base {
margin: 30px 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.appli-relate-base li {
margin: 0 0 15px;
padding: 0 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ddd;
width: 100%;
}
} .pagination {
clear: both;
padding: 0;
position: relative;
font-size: 14px;
line-height: 14px;
text-align: center;
}
.pagination-box {
display: inline-block;
}
.pagination span, .pagination a {
display: block;
float: left;
margin: 20px 8px 0;
padding: 10px 12px 10px 12px;
text-decoration: none;
width: auto;
color: #333;
border-radius: 3px; background: #F2F7FA;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc; }
.pagination a:hover {
color: #fff; background: #036EB8; }
.pagination .current {
padding: 10px 12px 10px 12px;
color: #fff; background: #036EB8; } .search-error {
margin: 100px 0 150px;
text-align: center;
}
.search-result-contents {
margin: 40px 0 0;
padding: 0;
}
.search-result-contents li {
margin: 0 0 20px;
padding: 0 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ccc;
}
.search-result-contents li .search-img {
width: 140px;
height: 100px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.search-result-contents li .search-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.search-result-contents li .search-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.search-result-contents li .search-title {
width: 80%;
font-size: 15px;
line-height: 1.6;
font-weight: bold;
}
.search-result-contents li .search-title a:hover {
text-decoration: underline;
}
.search-result-contents li .search-title .search-date {
margin: 5px 0 13px;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 4px;
font-size: 13px;
font-weight: normal;
}
@media screen and (max-width: 980px) {
.search-result-contents {
margin: 30px 0 0;
padding: 0;
}
.search-result-contents li {
margin: 0 0 20px;
padding: 0 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ccc;
}
.search-result-contents li .search-img {
width: 100px;
height: 80px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.search-result-contents li .search-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.search-result-contents li .search-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.search-result-contents li .search-title {
width: 63%;
font-size: 16px;
line-height: 1.7;
font-weight: bold;
}
.search-result-contents li .search-title a:hover {
text-decoration: underline;
}
.search-result-contents li .search-title .search-date {
margin: 5px 0 13px;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 4px;
font-size: 13px;
font-weight: normal;
}
.searchform {
position: relative;
}
.searchfield {
font-size: 18px;
width: 100%;
margin: 0px;
padding: 10px;
border: solid 1px #bbb;
border-radius: 4px;
background-color: #efefef;
}
.searchsubmit {
position: absolute;
top: -2px;
right: 10px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-search.svg) no-repeat right; background-size: 24px 24px;
width: 40px;
height: 45px;
border: none;
text-indent: -9999px;
}
}
.column-author-area {
margin: 50px 0 0;
padding: 30px 50px 40px;
background: #F2F2F2;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
.column-author-area .column-author-heading {
margin: 0;
padding: 0 0 10px;
border-bottom: 1px solid #036EB8;
font-size: 20px;
font-weight: bold;
}
.column-author-area .column-textarea {
margin: 30px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.column-author-area .column-image {
margin: 0;
padding: 0;
width: 120px;
}
.column-author-area .column-image img {
border-radius: 50%; width: 120px; height: 120px;
-o-object-fit: cover;
object-fit: cover;
}
.column-author-area .column-text {
margin: 0;
padding: 0;
width: 78%;
line-height: 1.7;
}
.column-author-area .column-text .column-author01 {
margin: 0 0 10px;
padding: 0;
font-size: 18px;
}
.column-author-area .column-text .column-link {
margin: 10px 0 0;
padding: 0 0 0 25px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-columnlink.svg) no-repeat;
background-position: 0 7px;
font-size: 15px;
}
@media screen and (max-width: 980px) {
.column-author-area {
margin: 50px 0 0;
padding: 20px 30px 30px;
background: #F2F2F2;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
.column-author-area .column-author-heading {
margin: 0;
padding: 0 0 10px;
border-bottom: 1px solid #036EB8;
font-size: 20px;
font-weight: bold;
}
.column-author-area .column-textarea {
margin: 30px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.column-author-area .column-image {
margin: 0 auto;
padding: 0;
width: 200px;
}
.column-author-area .column-image img {
border-radius: 50%; width: 200px; height: 200px;
-o-object-fit: cover;
object-fit: cover;
}
.column-author-area .column-text {
margin: 20px 0 0;
padding: 0;
width: 100%;
line-height: 1.7;
}
.column-author-area .column-text .column-author01 {
margin: 10px 0;
padding: 0;
font-size: 18px;
}
.column-author-area .column-text .column-link {
margin: 20px 0 0;
padding: 0 0 0 25px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-columnlink.svg) no-repeat;
background-position: 0 7px;
font-size: 15px;
}
}
.column-button-area {
margin: 10px 0 0;
padding: 0;
text-align: right;
}
@media screen and (max-width: 980px) {
.column-button-area {
margin: 30px 0 0;
padding: 0;
text-align: center;
}
}
.bosyu-list {
margin: 30px 0 0;
padding: 0;
font-size: 20px;
font-weight: bold;
}
.bosyu-list li {
margin: 20px 0;
padding: 0 0 0 35px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-check-blue.svg) no-repeat;
background-position: 0 10px;
}
.bottom-pagenation {
margin: 50px 0 0;
padding: 0;
}
.mailmagazine-thanks {
margin: 80px auto;
padding: 0;
max-width: 90%;
}
@media screen and (max-width: 980px) {
.mailmagazine-thanks {
margin: 50px auto;
padding: 0;
max-width: 90%;
}
} .page-contents-textarea {
word-break: break-all;         }
.page-contents-textarea hr {
margin-bottom: 16px;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid #e9e9e9;
}
.page-contents-textarea img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
.page-contents-textarea b,
.page-contents-textarea strong {
font-weight: bold;
}
.page-contents-textarea blockquote {
clear: both;
margin: 20px 0px 25px;
margin: 1.25rem 0rem 1.5625rem;
-webkit-box-shadow: 2px 2px 13px #eeeeee;
box-shadow: 2px 2px 13px #eeeeee;
border: 1px solid #e9e9e9;
border-left: 4px solid #46a28d;
padding: 20px 25px;
padding: 1.25rem 1.5625rem;
}
.page-contents-textarea blockquote p:last-child {
margin-bottom: 3px;
}
.page-contents-textarea blockquote cite {
font-style: normal;
margin-bottom: 16px;
margin-bottom: 1rem;
font-size: 13px;
}
.page-contents-textarea dfn,
.page-contents-textarea cite,
.page-contents-textarea em,
.page-contents-textarea i {
font-style: italic;
}
.page-contents-textarea figure {
margin: 0;
}
.page-contents-textarea address {
margin-bottom: 16px;
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
.page-contents-textarea tt,
.page-contents-textarea kbd,
.page-contents-textarea pre,
.page-contents-textarea code,
.page-contents-textarea samp,
.page-contents-textarea var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
background-color: #f8f9f9;
padding: 7px;
padding: 0.4375rem;
border-radius: 2px;
}
.page-contents-textarea pre {
overflow: auto;
white-space: pre-wrap;
max-width: 100%;
line-height: 1.7;
margin: 0px 0px 16px;
margin: 0rem 0rem 1rem;
padding: 16px;
padding: 1rem;
}
.page-contents-textarea details summary {
font-weight: bold;
margin-bottom: 16px;
margin-bottom: 1rem;
}
.page-contents-textarea details :focus {
outline: none;
}
.page-contents-textarea abbr,
.page-contents-textarea acronym,
.page-contents-textarea dfn {
cursor: help;
font-size: 15px;
font-size: 0.9375rem;
text-transform: uppercase;
border-bottom: 1px dotted #e9e9e9;
letter-spacing: 1px;
}
.page-contents-textarea mark {
background-color: #f8f9f9;
text-decoration: none;
}
.page-contents-textarea small {
font-size: 82%;
}
.page-contents-textarea big {
font-size: 125%;
}
.page-contents-textarea table {
width: 100%;
max-width: 100%;
margin-bottom: 16px;
margin-bottom: 1rem;
border: 1px solid #e9e9e9;
margin: 20px auto 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-contents-textarea table th,
.page-contents-textarea table td {
padding: 12px;
padding: 0.75rem;
line-height: 1.5;
vertical-align: top;
border: 1px solid #e9e9e9;
}
.page-contents-textarea table thead th,
.page-contents-textarea table thead td {
vertical-align: bottom;
border-bottom: 2px solid #e9e9e9;
}
.page-contents-textarea table tbody + tbody {
border-top: 2px solid #e9e9e9;
}
.page-contents-textarea .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.page-contents-textarea .alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.page-contents-textarea .aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.page-contents-textarea .clear:before,
.page-contents-textarea .clear:after,
.page-contents-textarea .entry-content:before,
.page-contents-textarea .entry-content:after,
.page-contents-textarea .comment-content:before,
.page-contents-textarea .comment-content:after,
.page-contents-textarea .site-header:before,
.page-contents-textarea .site-header:after,
.page-contents-textarea .site-content:before,
.page-contents-textarea .site-content:after,
.page-contents-textarea .site-footer:before,
.page-contents-textarea .site-footer:after {
content: "";
display: table;
}
.page-contents-textarea .clear:after,
.page-contents-textarea .entry-content:after,
.page-contents-textarea .comment-content:after,
.page-contents-textarea .site-header:after,
.page-contents-textarea .site-content:after,
.page-contents-textarea .site-footer:after {
clear: both;
}
.page-contents-textarea .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.page-contents-textarea .wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.page-contents-textarea .wp-caption .wp-caption-text, .page-contents-textarea .wp-caption-dd {
margin: 0.8075em 0;
font-style: italic;
}
.page-contents-textarea .wp-caption-text, .page-contents-textarea .wp-caption-dd {
text-align: center;
}
.page-contents-textarea .gallery {
margin-bottom: 1.5em;
}
.page-contents-textarea .gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.page-contents-textarea .gallery-columns-2 .gallery-item {
max-width: 50%;
}
.page-contents-textarea .gallery-columns-2 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.page-contents-textarea .gallery-columns-3 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-4 .gallery-item {
max-width: 25%;
}
.page-contents-textarea .gallery-columns-4 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-5 .gallery-item {
max-width: 20%;
}
.page-contents-textarea .gallery-columns-5 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.page-contents-textarea .gallery-columns-6 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.page-contents-textarea .gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.page-contents-textarea .gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.page-contents-textarea .gallery-caption {
display: block;
}
.page-contents-textarea .page-content .wp-smiley,
.page-contents-textarea .entry-content .wp-smiley,
.page-contents-textarea .comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.page-contents-textarea embed,
.page-contents-textarea iframe,
.page-contents-textarea object {
max-width: 100%;
}
.pagination {
margin: 20px auto 0;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} .pagination .page-numbers {
margin-right: 10px;
padding: 10px 12px;
color: #333;
border-radius: 3px;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
background: #f2f7fa;
}
.pagination .current {
padding: 10px 12px;
background: #036EB8;
color: #fff;
}
.pagination .prev,
.pagination .next {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #036EB8;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
background: #f2f7fa;
padding: 10px 12px;
color: #333;
border-radius: 3px;
}
.pagination .dots {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.partner-base {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.partner-base li {
margin: 60px 0 0;
padding: 0;
width: 47%;
text-align: left;
}
@media screen and (max-width: 980px) {
.partner-base {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.partner-base li {
margin: 40px 0 0;
padding: 0;
width: 100%;
text-align: left;
}
}
.partner-heading {
margin: 0 0 0;
padding: 0 0 10px;
border-bottom: 3px solid #002F7C;
font-size: 26px;
font-weight: bold;
}
.partner-box {
margin: 25px 0 0;
padding: 0 0 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.partner-box .partner-image {
margin: 0;
padding: 0;
width: 25%;
}
.partner-box .partner-image img {
width: 100%;
height: auto;
}
.partner-box .partner-text {
margin: -10px 0 0;
padding: 0;
width: 70%;
}
@media screen and (max-width: 980px) {
.partner-box {
margin: 25px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.partner-box .partner-image {
margin: 0;
padding: 0;
width: 25%;
}
.partner-box .partner-image img {
width: 100%;
height: auto;
}
.partner-box .partner-text {
margin: -10px 0 0;
padding: 0;
width: 70%;
}
}
.page-applisitemap-base {
margin: 0 auto;
padding: 80px 0 0 10%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 800px;
text-align: left;
}
.page-applisitemap-base li {
margin: 0;
padding: 0;
width: 50%;
}
.page-applisitemap-base .applisitemap-01 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-01.svg) no-repeat;
background-position: 3px 12px;
}
.page-applisitemap-base .applisitemap-02 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-02.svg) no-repeat;
background-position: 0 8px;
}
.page-applisitemap-base .applisitemap-03 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-03.svg) no-repeat;
background-position: 0 12px;
}
.page-applisitemap-base .applisitemap-04 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-04.svg) no-repeat;
background-position: 3px 10px;
}
.page-applisitemap-base .applisitemap-05 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-05.svg) no-repeat;
background-position: 0 10px;
}
.page-applisitemap-base .applisitemap-06 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-06.svg) no-repeat;
background-position: 0 10px;
position: relative;
}
.page-applisitemap-base .applisitemap-07 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-07.svg) no-repeat;
background-position: 0 12px;
position: relative;
}
.page-applisitemap-base .applisitemap-08 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-08.svg) no-repeat;
background-position: 3px 7px;
position: relative;
}
.page-applisitemap-base .applisitemap-08::after {
position: absolute;
top: 10%;
left: 115px;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);
}
.page-applisitemap-base .applisitemap-09 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-09.svg) no-repeat;
background-position: 2px 8px;
position: relative;
}
.page-applisitemap-base .applisitemap-09::after {
position: absolute;
top: 10%;
left: 215px;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);
}
.page-applisitemap-base .applisitemap-10 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-10.svg) no-repeat;
background-position: 2px 8px;
position: relative;
}
.page-applisitemap-base .applisitemap-01 a,
.page-applisitemap-base .applisitemap-02 a,
.page-applisitemap-base .applisitemap-03 a,
.page-applisitemap-base .applisitemap-04 a,
.page-applisitemap-base .applisitemap-05 a,
.page-applisitemap-base .applisitemap-06 a,
.page-applisitemap-base .applisitemap-07 a,
.page-applisitemap-base .applisitemap-08 a,
.page-applisitemap-base .applisitemap-09 a,
.page-applisitemap-base .applisitemap-10 a {
position: relative;
display: inline-block;
text-decoration: none;
}
.page-applisitemap-base .applisitemap-01 a::after,
.page-applisitemap-base .applisitemap-02 a::after,
.page-applisitemap-base .applisitemap-03 a::after,
.page-applisitemap-base .applisitemap-04 a::after,
.page-applisitemap-base .applisitemap-05 a::after,
.page-applisitemap-base .applisitemap-06 a::after,
.page-applisitemap-base .applisitemap-07 a::after,
.page-applisitemap-base .applisitemap-08 a::after,
.page-applisitemap-base .applisitemap-09 a::after,
.page-applisitemap-base .applisitemap-10 a::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #002F7C;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-applisitemap-base .applisitemap-01 a:hover::after,
.page-applisitemap-base .applisitemap-02 a:hover::after,
.page-applisitemap-base .applisitemap-03 a:hover::after,
.page-applisitemap-base .applisitemap-04 a:hover::after,
.page-applisitemap-base .applisitemap-05 a:hover::after,
.page-applisitemap-base .applisitemap-06 a:hover::after,
.page-applisitemap-base .applisitemap-07 a:hover::after,
.page-applisitemap-base .applisitemap-08 a:hover::after,
.page-applisitemap-base .applisitemap-09 a:hover::after,
.page-applisitemap-base .applisitemap-10 a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
@media screen and (max-width: 980px) {
.page-applisitemap-base {
margin: 0 auto;
padding: 60px 0 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 75%;
text-align: left;
}
.page-applisitemap-base li {
margin: 0;
padding: 0;
width: 100%;
}
} .u-mt-xxsmall {
margin: 5px 0 0;
}
.u-mt-xsmall {
margin: 10px 0 0;
}
.u-mt-small {
margin: 20px 0 0;
}
.u-mt {
margin: 30px 0 0;
}
.u-mt-large {
margin: 40px 0 0;
}
.u-mt-xlarge {
margin: 50px 0 0;
}
.u-mt-xxlarge {
margin: 60px 0 0;
}
.u-mt-xxxlarge {
margin: 100px 0 0;
}
.u-mr-xxsmall {
margin: 0 5px 0 0;
}
.u-mr-xsmall {
margin: 0 10px 0 0;
}
.u-mr-small {
margin: 0 20px 0 0;
}
.u-mr {
margin: 0 30px 0 0;
}
.u-mr-large {
margin: 0 40px 0 0;
}
.u-mr-xlarge {
margin: 0 50px 0 0;
}
.u-mr-xxlarge {
margin: 0 60px 0 0;
}
.u-mb-xxsmall {
margin: 0 0 5px 0;
}
.u-mb-xsmall {
margin: 0 0 10px 0;
}
.u-mb-small {
margin: 0 0 20px 0;
}
.u-mb {
margin: 0 0 30px 0;
}
.u-mb-large {
margin: 0 0 40px 0;
}
.u-mb-xlarge {
margin: 0 0 50px 0;
}
.u-mb-xxlarge {
margin: 0 0 60px 0;
}
.u-ml-xxsmall {
margin: 0 0 0 5px;
}
.u-ml-xsmall {
margin: 0 0 0 10px;
}
.u-ml-small {
margin: 0 0 0 20px;
}
.u-ml {
margin: 0 0 0 30px;
}
.u-ml-large {
margin: 0 0 0 40px;
}
.u-ml-xlarge {
margin: 0 0 0 50px;
}
.u-ml-xxlarge {
margin: 0 0 0 60px;
} .align_c {
text-align: center;
}
.align_r {
text-align: right;
}
.align_l {
text-align: left;
}
.flo_l {
float: left;
}
.flo_r {
float: right;
}
.cboth {
clear: both;
}
span.suptext {
font-size: 75.5%;
vertical-align: top;
position: relative;
top: -0.1em;
}
span.subtext {
font-size: 75.5%;
vertical-align: bottom;
position: relative;
top: 0.1em;
} a {
color: #000;
}
a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none !important;
cursor: pointer;
}
.link a {
color: #036EB8;
}
.link a:hover {
text-decoration: underline;
color: #036EB8;
}
a.link {
color: #036EB8;
}
a:hover.link {
text-decoration: underline;
color: #036EB8;
} .header {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 80px;
padding: 0;
background: none;
z-index: 9999;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.header .inbox {
margin: 0 auto;
padding: 0 1%;
width: 98%;
text-align: left;
top: 0;
position: relative;
background: none;
height: 80px;
}
.header .inbox .h-logoarea {
margin: 20px 0 0;
padding: 0;
text-align: left;
display: inline-block;
width: 275px;
vertical-align: top;
}
.header .inbox .h-logoarea img {
width: 100%;
}
.header .inbox .h-logoarea img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none;
}
.header .inbox .h-rightbox {
margin: 0 80px 0 0;
padding: 0;
max-width: 710px;
float: right;
} .header-appli {
margin: 0;
padding: 0;
width: 100%;
height: 80px;
padding: 0;
background: #fff;
z-index: 9999;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
position: fixed;
}
.header-appli .inbox {
margin: 0 auto;
padding: 0 1%;
width: 98%;
text-align: left;
top: 0;
background: none;
height: 80px;
}
.header-appli .inbox .h-logoarea {
margin: 18px 0 0;
padding: 0;
text-align: left;
display: inline-block;
width: 350px;
vertical-align: top;
}
.header-appli .inbox .h-logoarea img {
width: 100%;
}
.header-appli .inbox .h-logoarea img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none;
}
.header-appli .inbox .h-rightbox {
margin: 27px 0 0 30px;
padding: 0;
max-width: 340px;
display: inline-block;
font-size: 13px;
}
#gnav > ul {
display: table;
padding-left: 0;
right: 0;
margin: 5px 0 0;
}
#gnav > ul {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#gnav > ul > li:first-child {
display: table-cell;
padding: 0 60px 0 0;
margin: 0;
}
#gnav > ul > li {
display: table-cell;
padding: 0 50px 0 0;
margin: 0;
}
#gnav > ul > li img {
width: 90%;
}
#gnav > ul > li:hover {
color: #000;
cursor: pointer;
}
#gnav > ul > li:hover > a {
color: #000;
opacity: 1;
}
#gnav > ul > li:hover .menu {
max-height: 9999px;
opacity: 1;
}
#gnav > ul > li > a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 5px 0px 0 0;
position: relative;
display: inline-block;
text-decoration: none;
}
#gnav > ul > li > a::after {
position: absolute;
bottom: 4px;
left: 0;
content: "";
width: 90%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
#gnav > ul > li > a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
@media screen and (max-width: 1030px) {
#gnav > ul > li:first-child {
display: table-cell;
margin: 0px 0 0;
padding: 0px 40px 0 0;
}
#gnav > ul > li:first-child img {
width: 90%;
}
#gnav > ul > li {
display: table-cell;
margin: 0px 0 0;
padding: 0px 30px 0 0;
}
#gnav > ul > li img {
width: 90%;
}
} #headbar { position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 999;
}
#header-scroll {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 80px;
background: rgba(255, 255, 255, 0.8);
color: #000;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
border-bottom: 1px solid #ccc; }
#header-scroll .inbox {
margin: 0 auto;
padding: 0 1%;
width: 98%;
text-align: left;
top: 0;
position: relative;
background: none;
height: 80px;
}
#header-scroll .inbox .h-logoarea {
margin: 22px 0 0;
padding: 0;
text-align: left;
display: inline-block;
width: 275px;
vertical-align: top;
}
#header-scroll .inbox .h-logoarea img {
width: 100%;
}
#header-scroll .inbox .h-logoarea img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none;
}
#header-scroll .inbox .h-rightbox {
margin: 0 80px 0 0;
padding: 0;
max-width: 710px;
float: right;
}
#header-scroll #gnav-scroll > ul {
display: table;
padding-left: 0;
right: 0;
margin: 5px 0 0;
}
#header-scroll #gnav-scroll > ul {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#header-scroll #gnav-scroll > ul > li:first-child {
display: table-cell;
padding: 0 60px 0 0;
margin: 0;
}
#header-scroll #gnav-scroll > ul > li {
display: table-cell;
padding: 0 50px 0 0;
margin: 0;
}
#header-scroll #gnav-scroll > ul > li img {
width: 90%;
}
#header-scroll #gnav-scroll > ul > li:hover {
color: #000;
cursor: pointer;
}
#header-scroll #gnav-scroll > ul > li:hover > a {
color: #000;
opacity: 1;
}
#header-scroll #gnav-scroll > ul > li:hover .menu {
max-height: 9999px;
opacity: 1;
}
#header-scroll #gnav-scroll > ul > li > a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 5px 0px 0 0;
position: relative;
display: inline-block;
text-decoration: none;
}
#header-scroll #gnav-scroll > ul > li > a::after {
position: absolute;
bottom: 4px;
left: 0;
content: "";
width: 90%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
#header-scroll #gnav-scroll > ul > li > a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
#header-scroll .header-appli-scroll {
top: 0;
left: 0;
width: 100%;
height: 80px;
padding: 0;
background: none;
z-index: 9999;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
#header-scroll .header-appli-scroll .inbox {
margin: 0 auto;
padding: 0 1%;
width: 98%;
text-align: left;
top: 0;
background: none;
height: 80px;
}
#header-scroll .header-appli-scroll .inbox .h-logoarea {
margin: 18px 0 0;
padding: 0;
text-align: left;
display: inline-block;
width: 350px;
vertical-align: top;
}
#header-scroll .header-appli-scroll .inbox .h-logoarea img {
width: 100%;
}
#header-scroll .header-appli-scroll .inbox .h-logoarea img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none;
}
#header-scroll .header-appli-scroll .inbox .h-rightbox-scroll {
margin: 27px 0 0 30px;
padding: 0;
max-width: 340px;
display: inline-block;
font-size: 13px;
}
.appli-navi {
margin: 0;
padding: 5px 1% 2px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
width: 98%;
position: fixed;
top: 80px;
background: #fff;
z-index: 9999;
}
.appli-navi .applinavi-in {
margin: 0 auto;
padding: 0;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-weight: bold;
font-size: 14px;
}
.appli-navi .applinavi-in li {
margin: 0;
padding: 0;
}
.appli-navi .applinavi-in li > a.navi-link {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.appli-navi .applinavi-in li > a.navi-link::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #002F7C;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.appli-navi .applinavi-in li > a.navi-link:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.appli-navi .applinavi-in li > a.appservice {
padding: 0 0 0 23px;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-arrow-blk.svg) no-repeat;
background-position: 0 6px;
}
.appli-navi .applinavi-in li > a.appservice::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #002F7C;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.appli-navi .applinavi-in li > a.appservice:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.appli-navi .applinavi-in li a.navi-search:hover {
opacity: 0.5;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.appli-navi .applinavi-in li.navi-last {
margin: 0;
padding: 3px 0 0;
position: relative;         }
.appli-navi .applinavi-in li.navi-last .open-btn {
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-search.svg) no-repeat 20px 3px; background-size: 20px 20px;
width: 50px;
height: 30px;
cursor: pointer; }
.appli-navi .applinavi-in li.navi-last .open-btn.btnactive {
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon_close.svg) no-repeat 20px 3px; background-size: 18px 18px;
}
.appli-navi .applinavi-in li.navi-last #search-wrap {
position: absolute; top: 0;
right: 0;
z-index: -1; opacity: 0; width: 0; -webkit-transition: all 0.4s;
transition: all 0.4s; border-radius: 8px;
}
.appli-navi .applinavi-in li.navi-last #search-wrap.panelactive {
opacity: 1; z-index: 3; width: 280px;
padding: 20px;
top: 38px;
right: 0px;
background: #eee;
-webkit-box-shadow: 3px 3px 3px rgba(0, 47, 124, 0.5);
box-shadow: 3px 3px 3px rgba(0, 47, 124, 0.5);
}
.appli-navi .applinavi-in li.navi-last #search-wrap #searchform {
display: none; }
.appli-navi .applinavi-in li.navi-last #search-wrap.panelactive #searchform {
display: block; }
.appli-navi .applinavi-in li.navi-last #search-wrap input {
-webkit-appearance: none; outline: none;
cursor: pointer; color: #666;
}
.appli-navi .applinavi-in li.navi-last #search-wrap input[type=text] {
width: 100%;
border: none;
border-bottom: 2px solid #ccc;
-webkit-transition: all 0.5s;
transition: all 0.5s;
letter-spacing: 0.05em;
height: 46px;
padding: 10px;
}
.appli-navi .applinavi-in li.navi-last #search-wrap input[type=text]:focus {
background: #fff; }
.appli-navi .applinavi-in li.navi-last #search-wrap input[type=submit] {
position: absolute;
top: 12px;
right: 30px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-search.svg) no-repeat right; background-size: 20px 20px;
width: 30px;
height: 60px;
border: none;
text-indent: -9999px;
}
@media screen and (max-width: 980px) {
.sp-logo {
margin: 0;
padding: 14px 0 0;
text-align: left;
width: 230px;
}
.sp-logo img {
width: 100%;
height: auto;
} .drawer-spmenu-01 {
margin: 0;
padding: 20px 0 20px;
font-size: 20px;
border-bottom: 1px solid #ccc;
}
.drawer-spmenu-01 a {
color: #000;
}
.sp-menu-link-01 {
margin: 25px 0 0;
padding: 0 40px 0 0;
font-size: 18px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: 85px 13px;
}
.sp-menu-link-01 a {
color: #000;
}
.sp-menu-link-02 {
margin: 25px 0 0;
padding: 0 40px 0 0;
font-size: 18px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: 193px 13px;
}
.sp-menu-link-02 a {
color: #000;
}
.sp-menu-link-03 {
margin: 25px 0 0;
padding: 0;
font-size: 18px;
}
.sp-menu-link-03 a {
color: #000;
}
}
.footer-pagebottom-contact {
margin: 0;
padding: 60px 0;
min-height: 250px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-bg-pagebtm-contact.jpg) no-repeat;
background-size: cover;
background-position: center 0;
position: relative;
z-index: 0;
}
.footer-pagebottom-contact::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #036EB8;
opacity: 0.7;
display: block;
z-index: 0;
}
@media screen and (max-width: 980px) {
.footer-pagebottom-contact {
margin: 0;
padding: 80px 0 30px;
min-height: 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-bg-pagebtm-contact.jpg) no-repeat;
background-size: cover;
background-position: center top;
position: relative;
z-index: 0;
}
.footer-pagebottom-contact::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #036EB8;
opacity: 0.8;
display: block;
z-index: 0;
}
}
.footter-pagebottom-heading {
margin: 60px auto 50px;
padding: 0;
font-size: 30px;
text-align: center;
}
@media screen and (max-width: 980px) {
.footter-pagebottom-heading {
margin: 60px auto 30px;
padding: 0;
font-size: 30px;
text-align: center;
}
}
.footer-base-area {
margin: 0;
padding: 50px 0 50px;
background: #F2F7FA;
width: 100%;
text-align: left;
}
.footerbox {
margin: 0 auto;
padding: 0;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footerbox .footer-logo-area {
margin: 0 0 0 10px;
padding: 0;
width: 250px;
text-align: left;
}
.footerbox .footer-logo-area img {
width: 100%;
height: auto;
}
.footerbox .footer-menubox {
margin: 2px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 700px;
font-size: 15px;
}
.footer-contact-base {
margin: 20px auto 0;
padding: 0 0 0 10px;
max-width: 1200px;
text-align: left;
}
.footer-contact-base .footer-contact-box {
margin: 0;
padding: 15px 20px;
border: 1px solid #000;
max-width: 300px;
}
@media screen and (max-width: 980px) {
.footerbox .footer-logo-area {
margin: 30px 0 0 20px;
padding: 0;
width: 28%;
position: absolute;
top: 50px;
left: 0;
}
}
.f-menu {
position: relative;
width: 100%;
height: 20px;
max-width: 1050px;
margin: 0 auto;
}
.f-menu > li {
float: left;
width: 16.666%; height: 40px;
line-height: 50px;
background: rgba(255, 255, 255, 0);
}
.f-menu > li a {
display: block;
color: #000;
}
.f-menu > li a:hover {
color: #333;
}
ul.menu__second-level {
visibility: hidden;
opacity: 0;
z-index: 1;
}
.f-menu > li:hover {
background: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.menu__second-level li {
border-top: 1px solid #fff;
color: #fff;
}
.menu__second-level li a {
color: #000;
font-size: 85%;
padding: 10px 3px;
}
.menu__second-level li a:hover {
background: #eee;
} .f-menu:before,
.f-menu:after {
content: " ";
display: table;
}
.f-menu:after {
clear: both;
}
.f-menu {
*zoom: 1;
}
.f-menu > li.menu__single {
position: relative;
}
li.menu__single ul.menu__second-level {
position: absolute;
top: 20px;
width: 100%;
background: #036EB8;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
line-height: 1.2;
}
li.menu__single:hover ul.menu__second-level {
top: 40px;
visibility: visible;
opacity: 1;
}
.footer-copyright-box {
margin: 0 auto;
padding: 10px 0 10px 0;
text-align: left;
width: 100%;
background: #ddd;
}
.footer-copyright-box .inbox {
margin: 0 auto;
padding: 0;
font-size: 14px;
color: #000;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-copyright-box .footer-link-area {
margin: 0;
padding: 0;
width: 400px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: right;
}
.footer-copyright-box .footer-link {
margin: 0;
padding: 0 17px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: right 9px;
}
.footer-menulink a {
position: relative;
display: inline-block;
text-decoration: none;
}
.footer-menulink a::after {
position: absolute;
bottom: -2px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.footer-menulink a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.footer-appli-menulink a {
position: relative;
display: inline-block;
text-decoration: none;
}
.footer-appli-menulink a::after {
position: absolute;
bottom: -2px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #002F7C;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.footer-appli-menulink a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
@media screen and (max-width: 980px) {
.spfooterbox {
margin: 0;
padding: 60px 5% 30px;
width: 90%;
background: #F2F7FA;
}
.sp-contact-area {
margin: 30px auto 0;
padding: 20px;
border: 1px solid #000;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
.footer-tel {
margin: 20px 0 0;
padding: 0;
}
.footer-tel img {
width: 100%;
height: auto;
}
.sp-footer-menu {
margin: 10px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sp-footer-menu li {
margin: 30px 0 0;
padding: 0;
width: 49%;
text-align: left;
}
.sp-foorer-bottom {
margin: 0;
padding: 0;
background: #ddd;
text-align: left;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox {
margin: 0 auto;
padding: 30px 0 15px;
width: 90%;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-01 {
margin: 0;
padding: 0 20px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: 80px 10px;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-02 {
margin: 20px 0 0;
padding: 0 20px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: 180px 10px;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-03 {
margin: 20px 0 0;
padding: 0;
}
.sp-copyright {
margin: 50px 0 0;
padding: 0;
line-height: 1.6;
text-align: center;
font-size: 14px;
}
}
@media screen and (max-width: 980px) {
.sp-appli-footerbox {
margin: 0;
padding: 30px 5% 30px;
width: 90%;
background: #002F7C;
color: #fff;
}
.sp-appli-logonote {
margin: 0;
padding: 0;
text-align: center;
font-size: 14px;
}
.sp-appli-footer-menu {
margin: 10px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sp-appli-footer-menu li {
margin: 30px 0 0;
padding: 0;
width: 43%;
text-align: left;
font-size: 14px;
}
}
@media screen and (max-width: 980px) and (max-width: 980px) {
.sp-appli-footer-menu {
margin: 10px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sp-appli-footer-menu li {
margin: 30px 0 0;
padding: 0;
width: 43%;
text-align: left;
font-size: 14px;
}
.sp-appli-footer-menu li a {
color: #fff;
}
}
@media screen and (max-width: 980px) {
.sp-foorer-bottom {
margin: 0;
padding: 0;
background: #ddd;
text-align: left;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox {
margin: 0 auto;
padding: 30px 0 15px;
width: 90%;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-01 {
margin: 0;
padding: 0 20px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: 80px 10px;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-02 {
margin: 20px 0 0;
padding: 0 20px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: 180px 10px;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-03 {
margin: 20px 0 0;
padding: 0;
}
}
@media screen and (max-width: 980px) {
.sp-copyright {
margin: 50px 0 0;
padding: 0;
line-height: 1.6;
text-align: center;
font-size: 14px;
}
} .footer-appli-base-area {
margin: 0;
padding: 50px 1% 30px;
background: #002F7C;
width: 98%;
text-align: left;
color: #fff;
}
.footer-appli-box {
margin: 0 auto;
padding: 0;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-appli-box .footer-logo-area {
margin: 0;
padding: 0;
width: 300px;
text-align: left;
font-size: 14px;
line-height: 1.6;
}
.footer-appli-box .footer-logo-area img {
width: 100%;
height: auto;
}
.footer-appli-box .footer-menubox {
margin: 2px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 375px;
font-size: 15px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-appli-box .footer-menubox li {
margin: 0 0 10px;
}
.footer-appli-box .footer-menubox li .footer-applimenu {
margin: 0 0 20px;
}
.footer-appli-box .footer-menubox li .footer-applimenu > a {
color: #fff;
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.footer-appli-box .footer-menubox li .footer-applimenu > a::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #E50012;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.footer-appli-box .footer-menubox li .footer-applimenu > a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
} #page-top, #form-page-top {
position: fixed;
right: 12px;
z-index: 10;
}
#page-top a, #form-page-top a {
text-decoration: none;
display: block;
}
#page-top a:hover, #form-page-top a:hover {
text-decoration: none;
}
@media screen and (max-width: 980px) {
#sp-page-top, #spform-page-top {
position: fixed;
right: 15px;
z-index: 9;
margin: 0;
}
#sp-page-top a, #spform-page-top a {
text-decoration: none;
color: #fff;
width: 100%;
padding: 0;
text-align: center;
display: block;
}
#sp-page-top a:hover, #spform-page-top a:hover {
text-decoration: none;
}
#sp-page-top img, #spform-page-top img {
width: 100%;
}
}
.header-contact-button {
position: absolute;
right: 0;
display: inline-block;
width: 110px;
height: 80px;
text-align: center;
text-decoration: none;
line-height: 80px;
outline: none;
background-color: #F05454;
color: #fff;
vertical-align: top;
font-size: 16px;
padding: 13px 0 0;
}
.header-contact-button::before,
.header-contact-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.header-contact-button,
.header-contact-button::before,
.header-contact-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.header-contact-button:hover {
background-color: #ff9696;
}
@media screen and (max-width: 1380px) {
.header-contact-button {
position: absolute;
right: 0;
display: inline-block;
width: 110px;
height: 80px;
text-align: center;
text-decoration: none;
line-height: 25px;
outline: none;
background-color: #F05454;
color: #fff;
vertical-align: top;
font-size: 16px;
padding: 16px 5px 0;
}
}
.top-button {
position: relative;
display: inline-block;
padding: 15px 0;
background-color: #F05454;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 30px;
width: 640px;
border-radius: 50px;
}
.top-button::after {
position: absolute;
top: 12%;
right: 0.5em;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-arrow-wh.svg);
margin-top: -5px;
border-left-color: #fff;
}
.top-button:hover {
background-color: #ff9696;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.top-button:hover::after {
-webkit-animation: arrow 0.4s;
animation: arrow 0.4s;
}
@-webkit-keyframes arrow {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@keyframes arrow {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@media screen and (max-width: 980px) {
.top-button {
position: relative;
display: inline-block;
padding: 15px 0;
background-color: #F05454;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 22px;
width: 100%;
border-radius: 50px;
}
.top-button::after {
position: absolute;
top: 15%;
right: 0.5em;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sp-arrow-wh.svg);
margin-top: -5px;
border-left-color: #fff;
}
}
.top-contact-button {
position: relative;
display: inline-block;
padding: 15px 0;
background: none;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 30px;
width: 450px;
border-radius: 50px;
border: 1px solid #fff;
}
.top-contact-button::after {
position: absolute;
top: 12%;
right: 0.5em;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-arrow-wh.svg);
margin-top: -5px;
border-left-color: #fff;
}
.top-contact-button:hover {
background-color: rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.top-contact-button:hover::after {
-webkit-animation: arrow-contact 0.4s;
animation: arrow-contact 0.4s;
}
@-webkit-keyframes arrow-contact {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@keyframes arrow-contact {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@media screen and (max-width: 980px) {
.top-contact-button {
position: relative;
display: inline-block;
padding: 15px 0;
background: none;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 22px;
width: 100%;
border-radius: 50px;
border: 1px solid #fff;
margin: 0 0 50px;
}
.top-contact-button::after {
position: absolute;
top: 18%;
right: 0.5em;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sp-arrow-wh.svg);
margin-top: -5px;
border-left-color: #fff;
}
.top-contact-button:hover {
background-color: rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.top-contact-button:hover::after {
-webkit-animation: arrow-contact 0.4s;
animation: arrow-contact 0.4s;
}
@-webkit-keyframes arrow-contact {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@keyframes arrow-contact {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
}
.download-button {
display: inline-block;
width: 100%;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 54px;
outline: none;
background-color: #fff;
color: #036EB8;
border: 1px solid #036EB8;
border-radius: 8px;
margin: 20px 0 0;
}
.download-button::before,
.download-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.download-button,
.download-button::before,
.download-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.download-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
.page-back-button {
display: inline-block;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 52px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0 10px;
padding: 0 20px;
font-size: 18px;
}
.page-back-button::before,
.page-back-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.page-back-button,
.page-back-button::before,
.page-back-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.page-back-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.page-back-button {
display: inline-block;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 52px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 30px 10px 0;
padding: 0 20px;
font-size: 18px;
width: 100%;
}
.page-back-button::before,
.page-back-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.page-back-button,
.page-back-button::before,
.page-back-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.page-back-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
}
.faq-index-button {
display: inline-block;
height: 60px;
text-align: center;
text-decoration: none;
line-height: 58px;
outline: none;
background-color: #036EB8;
color: #fff;
border: 1px solid #036EB8;
border-radius: 8px;
margin: 0;
padding: 0 20px;
font-size: 22px;
width: 100%;
}
.faq-index-button::before,
.faq-index-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.faq-index-button,
.faq-index-button::before,
.faq-index-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.faq-index-button:hover {
color: #036EB8;
background-color: #fff;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.faq-index-button {
display: inline-block;
height: 60px;
text-align: center;
text-decoration: none;
line-height: 58px;
outline: none;
background-color: #036EB8;
color: #fff;
border: 1px solid #036EB8;
border-radius: 8px;
margin: 0;
padding: 0 20px;
font-size: 20px;
width: 100%;
}
}
.column-button {
display: inline-block;
height: 40px;
text-align: center;
text-decoration: none;
line-height: 38px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0 10px;
padding: 0 20px;
font-size: 16px;
}
.column-button::before,
.column-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.column-button,
.column-button::before,
.column-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.column-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.column-button {
display: inline-block;
height: 50px;
text-align: center;
text-decoration: none;
line-height: 48px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0;
padding: 0 20px;
font-size: 16px;
width: 100%;
}
.column-button::before,
.column-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.column-button,
.column-button::before,
.column-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.column-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
}
.partner-button {
display: inline-block;
height: 40px;
text-align: center;
text-decoration: none;
line-height: 38px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0 10px;
padding: 0 20px;
font-size: 16px;
position: absolute;
bottom: 0;
right: 0;
}
.partner-button::before,
.partner-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.partner-button,
.partner-button::before,
.partner-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.partner-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.partner-button {
display: block;
height: 40px;
text-align: center;
text-decoration: none;
line-height: 38px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 20px 0 0;
padding: 0 20px;
font-size: 16px;
position: relative;
}
}
.notfound-button {
display: inline-block;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 52px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0 10px;
padding: 0 20px;
font-size: 16px;
}
.notfound-button::before,
.notfound-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.notfound-button,
.notfound-button::before,
.notfound-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.notfound-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.notfound-button {
display: inline-block;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 52px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 30px 10px 0;
padding: 0 10px;
font-size: 15px;
width: 100%;
}
.notfound-button::before,
.notfound-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.notfound-button,
.notfound-button::before,
.notfound-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.notfound-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
}
.footer-entry-btn-area {
margin: 80px auto 0;
padding: 0;
max-width: 970px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-entry-btn-area li {
margin: 0;
padding: 0;
width: 400px;
}
@media screen and (max-width: 980px) {
.footer-entry-btn-area {
margin: 0 auto;
padding: 0;
width: 90%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-entry-btn-area li {
margin: 0;
padding: 0;
width: 100%;
}
} .formtb dl, .formtb dt, .formtb dd {
margin: 0;
padding: 0;
}
.formtb dl {
display: table;
border-style: none solid none solid;
width: 99%;
}
.formtb dl:last-child {
border-style: none solid solid solid;
}
.formtb dt {
display: table-cell;
vertical-align: top;
padding: 25px 0 10px;
}
.formtb dd {
display: table-cell;
padding: 20px 0;
text-align: left;
width: 75%;
vertical-align: middle;
}
@media screen and (max-width: 980px) {
.formtb {
margin: 0;
padding: 0;
}
.formtb dd {
margin: 0px 0 10px auto;
border-left: none;
padding: 0;
border-top: 0px;
width: 100%;
}
.formtb dl {
width: auto;
}
.formtb dt, .formtb dd, .formtb dl {
display: block;
}
}
.form-must {
width: 50px;
height: 24px;
margin-top: -12px;
margin-right: 10px;
font-size: 12px;
text-align: center;
line-height: 24px;
padding: 4px 7px;
border-radius: 6px;
background: #F05454;
color: #fff;
}
.downloadform-must {
margin: 30px 0 0;
padding: 0 0 0 55px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-must.svg) no-repeat;
background-position: 0 5px;
text-align: left;
}
.downloadform-must-01 {
margin: 15px 0 0;
padding: 0 0 0 55px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-must.svg) no-repeat;
background-position: 0 5px;
text-align: left;
}
.form-note {
margin: 2px 0 0;
padding: 0;
text-align: left;
font-size: 11px;
color: #555;
}
.input-01 {
width: 100%;
height: 50px;
border: 1px solid #e1e1e1;
background: #fff;
border-radius: 6px;
padding-left: 10px;
font-size: 15px;
}
.input-02 {
width: 35%;
height: 50px;
border: 1px solid #e1e1e1;
background: #fff;
border-radius: 6px;
padding-left: 10px;
font-size: 15px;
}
.form-date-txt {
font-size: 15px;
display: inline-block;
width: 20px;
margin: 0 15px 0 5px;
}
.inputmessage-01 {
width: 100%;
margin: 0;
height: 150px;
border: 1px solid #e1e1e1;
border-radius: 6px;
background: #fff;
padding: 10px;
font-size: 15px;
margin-left: 0;
}
.input-01a {
width: 100%;
height: 40px;
border: 1px solid #e1e1e1;
background: #fff;
border-radius: 6px;
padding-left: 10px;
font-size: 15px;
}
.input-02a {
width: 35%;
height: 50px;
border: 1px solid #e1e1e1;
background: #fff;
border-radius: 6px;
padding-left: 10px;
font-size: 15px;
}
.downloadform-button-area {
margin: 10px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.submit-button {
display: inline-block;
margin: 20px 0 0;
padding: 10px 0px;
background: #036EB8;
color: #fff;
width: 200px;
border: none;
font-size: 16px;
border-radius: 12px;
}
.submit-button:hover {
margin: 20px 0 0;
padding: 10px 0;
background: #0284de;
color: #fff;
width: 200px;
border: none;
font-size: 16px;
border-radius: 12px;
cursor: pointer;
}
.back-button {
display: inline-block;
margin: 20px 15px 0;
padding: 10px 0px;
background: #999;
color: #fff;
width: 100px;
border: none;
font-size: 16px;
border-radius: 12px;
}
.back-button:hover {
margin: 20px 15px 0;
padding: 10px 0;
background: #cccccc;
color: #fff;
width: 100px;
display: inline-block;
border: none;
font-size: 16px;
border-radius: 12px;
cursor: pointer;
}
.privacy-area {
margin: 5px 0 0;
padding: 0;
font-size: 14px;
text-align: center;
}
@media screen and (max-width: 980px) {
.privacy-area {
margin: 20px 0 0;
padding: 0;
font-size: 14px;
text-align: center;
}
}
@media screen and (max-width: 980px) {
.submit-button {
display: inline-block;
margin: 20px 0 0;
padding: 10px 0px;
background: #036EB8;
color: #fff;
width: 50%;
border: none;
font-size: 18px;
border-radius: 12px;
}
.submit-button:hover {
margin: 20px 0 0;
padding: 10px 0;
background: #0284de;
color: #fff;
width: 50%;
border: none;
font-size: 18px;
border-radius: 12px;
}
.back-button {
display: inline-block;
margin: 20px 3% 0 0;
padding: 10px;
background: #999;
color: #fff;
width: 25%;
border: none;
font-size: 18px;
border-radius: 12px;
}
.back-button:hover {
margin: 20px 3% 0 0;
padding: 10px;
background: #cccccc;
color: #fff;
width: 25%;
display: inline-block;
border: none;
font-size: 18px;
border-radius: 12px;
}
}
.mw_wp_form_confirm .formtb dd.input-text {
margin: 0;
padding: 10px 0 0;
}
.top-contents-title {
margin: 0;
padding: 0;
text-align: center;
font-size: 40px;
font-weight: bold;
color: #fff;
}
.top-contents-title-02 {
position: relative;
display: inline-block;
padding: 0 70px;
font-size: 40px;
font-weight: bold;
}
.top-contents-title-02:before,
.top-contents-title-02:after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}
.top-contents-title-02:before {
left: 0;
}
.top-contents-title-02:after {
right: 0;
}
@media screen and (max-width: 980px) {
.top-contents-title {
margin: 0;
padding: 0;
text-align: center;
font-size: 30px;
font-weight: bold;
color: #fff;
line-height: 1.5;
}
.top-contents-title-02 {
position: relative;
display: inline-block;
padding: 0;
font-size: 30px;
font-weight: bold;
line-height: 1.5;
}
.top-contents-title-02:before,
.top-contents-title-02:after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 0px;
background-color: black;
}
.top-contents-title-02:before {
left: 0;
}
.top-contents-title-02:after {
right: 0;
}
}
.top-about-heading {
margin: 0;
padding: 0;
font-size: 26px;
font-weight: bold;
color: #00ADE1;
line-height: 1.5;
position: absolute;
left: 80px;
top: 0;
}
.top-about-heading-02 {
margin: 0;
padding: 0;
font-size: 26px;
font-weight: bold;
color: #00ADE1;
line-height: 1.5;
position: absolute;
left: 80px;
top: 15px;
}
@media screen and (max-width: 1200px) {
.top-about-heading,
.top-about-heading-02 {
font-size: 22px;
}
} .appli-heading {
border-bottom: solid 3px #ddd;
position: relative;
font-size: 24px;
font-weight: bold;
}
.appli-heading:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #002F7C;
bottom: -3px;
width: 14%;
}
.appli-side-heading {
border-bottom: solid 3px #ddd;
position: relative;
font-size: 20px;
font-weight: bold;
margin: 30px 0 0;
}
.appli-side-heading:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #002F7C;
bottom: -3px;
width: 34%;
}
h2.page-heading {
margin: 20px 0;
padding: 3px 10px 3px 10px;
font-size: 26px;
font-weight: bold;
line-height: 1.4;
position: relative;
}
h2.page-heading:before {
content: "";
position: absolute;
top: 5px;
left: 0px;
width: 8px;
height: calc(100% - 10px);
background-color: #036EB8;
}
.appli-relate-heading,
.widgettitle {
margin: 30px 0 0;
padding: 0;
border-bottom: solid 3px #ddd;
position: relative;
font-size: 24px;
font-weight: bold;
}
.appli-relate-heading:after,
.widgettitle:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #002F7C;
bottom: -3px;
width: 14%;
}
@media screen and (max-width: 980px) {
.appli-relate-heading {
margin: 40px 0 0;
}
}
.appli-search-heading {
border-bottom: solid 3px #ddd;
position: relative;
font-size: 24px;
font-weight: bold;
}
.appli-search-heading :after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #002F7C;
bottom: -3px;
width: 14%;
}
@media screen and (max-width: 980px) {
.appli-search-heading {
border-bottom: solid 3px #ddd;
position: relative;
font-size: 24px;
font-weight: bold;
margin: 90px 0 0;
}
}
.bosyu-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 30px;
font-weight: bold;
color: #002F7C;
}
.bosyu-heading-base .bosyu-heading {
margin: 0;
padding: 10px 0 10px 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-bosyu.svg) no-repeat;
}
@media screen and (max-width: 980px) {
.bosyu-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 26px;
font-weight: bold;
color: #002F7C;
border-left: solid 15px #002F7C;
}
.bosyu-heading-base .bosyu-heading {
margin: 0;
padding: 10px 0 10px 20px;
background: none;
}
}
.partner-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 30px;
font-weight: bold;
color: #002F7C;
}
.partner-heading-base .partner-heading {
margin: 0;
padding: 10px 0 10px 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-partner.svg) no-repeat;
}
@media screen and (max-width: 980px) {
.partner-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 26px;
font-weight: bold;
color: #002F7C;
border-left: solid 15px #002F7C;
}
.partner-heading-base .partner-heading {
margin: 0;
padding: 10px 0 10px 20px;
background: none;
}
}
.mailmagazine-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 30px;
font-weight: bold;
color: #002F7C;
}
.mailmagazine-heading-base .mailmagazine-heading {
margin: 0;
padding: 10px 0 10px 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-mailmagazine.svg) no-repeat;
}
@media screen and (max-width: 980px) {
.mailmagazine-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 26px;
font-weight: bold;
color: #002F7C;
border-left: solid 15px #002F7C;
}
.mailmagazine-heading-base .mailmagazine-heading {
margin: 0;
padding: 10px 0 10px 20px;
background: none;
}
}
.applisitemap-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 30px;
font-weight: bold;
color: #002F7C;
}
.applisitemap-heading-base .applisitemap-heading {
margin: 0;
padding: 10px 0 10px 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap.svg) no-repeat;
}
@media screen and (max-width: 980px) {
.applisitemap-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 26px;
font-weight: bold;
color: #002F7C;
border-left: solid 15px #002F7C;
}
.applisitemap-heading-base .applisitemap-heading {
margin: 0;
padding: 10px 0 10px 20px;
background: none;
}
} .slider {
margin: 0;
padding: 0;
width: 100%;
height: 92vh;
position: relative;
}
@media screen and (max-width: 980px) {
.slider {
margin: 0;
padding: 0;
width: 100%;
height: 75vh;
position: relative;
}
}
.main-catch-area {
margin: 280px auto 0;
padding: 0;
max-width: 1200px;
position: relative;
}
.main-catch-area-02 {
margin: 280px auto 0;
padding: 0;
max-width: 1200px;
position: relative;
}
@media screen and (max-width: 980px) {
.main-catch-area {
margin: 200px auto 0;
padding: 0;
max-width: 90%;
position: relative;
}
.main-catch-area img {
width: 100%;
height: auto;
}
.main-catch-area-02 {
margin: 150px auto 0;
padding: 0;
max-width: 90%;
position: relative;
}
.main-catch-area-02 img {
width: 100%;
height: auto;
}
}
p.main-catch-01 {
border-right: solid 7px rgba(0, 173, 225, 0.8);
white-space: nowrap;
overflow: hidden;
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 40px;
color: #000;
text-align: left;
line-height: 1.3;
font-weight: bold;
text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px 0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
} p.main-catch-01 {
-webkit-animation: animated-text 1.2s steps(13, end) 1s 1 normal both, animated-cursor 2500ms steps(13, end) infinite;
animation: animated-text 1.2s steps(13, end) 1s 1 normal both, animated-cursor 2500ms steps(13, end) infinite;
} @-webkit-keyframes animated-text {
from {
width: 0;
}
to {
width: 530px;
}
}
@keyframes animated-text {
from {
width: 0;
}
to {
width: 530px;
}
} @-webkit-keyframes animated-cursor {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@keyframes animated-cursor {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
p.main-catch-02 {
border-right: solid 7px rgba(0, 173, 225, 0.9);
white-space: nowrap;
overflow: hidden;
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 40px;
color: #000;
text-align: left;
line-height: 1.3;
margin: 20px 0 0;
font-weight: bold;
text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px 0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
} p.main-catch-02 {
-webkit-animation: animated-text-02 1s steps(10, end) 1s 1 normal both, animated-cursor-02 2500ms steps(10, end) infinite;
animation: animated-text-02 1s steps(10, end) 1s 1 normal both, animated-cursor-02 2500ms steps(10, end) infinite;
} @-webkit-keyframes animated-text-02 {
from {
width: 0;
}
to {
width: 1150px;
}
}
@keyframes animated-text-02 {
from {
width: 0;
}
to {
width: 1150px;
}
} @-webkit-keyframes animated-cursor-02 {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@keyframes animated-cursor-02 {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@media screen and (max-width: 980px) {
p.main-catch-01 {
border-right: solid 7px rgba(0, 173, 225, 0.8);
white-space: nowrap;
overflow: hidden;
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 30px;
color: #000;
text-align: left;
line-height: 1.7;
font-weight: bold;
text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px 0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
} p.main-catch-01 {
-webkit-animation: animated-text 1.2s steps(13, end) 1s 1 normal both, animated-cursor 2500ms steps(13, end) infinite;
animation: animated-text 1.2s steps(13, end) 1s 1 normal both, animated-cursor 2500ms steps(13, end) infinite;
} @-webkit-keyframes animated-text {
from {
width: 0;
}
to {
width: 100%;
}
}
@keyframes animated-text {
from {
width: 0;
}
to {
width: 100%;
}
} @-webkit-keyframes animated-cursor {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@keyframes animated-cursor {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
p.main-catch-02 {
border-right: solid 7px rgba(0, 173, 225, 0.9);
white-space: nowrap;
overflow: hidden;
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 26px;
color: #000;
text-align: left;
line-height: 1.7;
margin: 0;
font-weight: bold;
text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px 0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
} p.main-catch-02 {
-webkit-animation: animated-text-02 1s steps(10, end) 1s 1 normal both, animated-cursor-02 2500ms steps(10, end) infinite;
animation: animated-text-02 1s steps(10, end) 1s 1 normal both, animated-cursor-02 2500ms steps(10, end) infinite;
} @-webkit-keyframes animated-text-02 {
from {
width: 0;
}
to {
width: 100%;
}
}
@keyframes animated-text-02 {
from {
width: 0;
}
to {
width: 100%;
}
} @-webkit-keyframes animated-cursor-02 {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@keyframes animated-cursor-02 {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
}
.main-bottom-area {
margin: 0;
padding: 15px 0;
background: rgba(245, 245, 245, 0.8);
position: absolute;
bottom: 0;
width: 100%;
}
.main-bottom-area .main-bottom-contents {
margin: 0 auto;
padding: 10px 0;
max-width: 1100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
font-size: 20px;
}
.main-bottom-area .main-bottom-contents .btm-box01 {
margin: 0;
padding: 0;
width: 30%;
line-height: 1.4;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-mainimg-bar.png) no-repeat;
background-position: 270px top;
}
.main-bottom-area .main-bottom-contents .btm-box02 {
margin: 0;
padding: 0;
width: 32%;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-mainimg-bar.png) no-repeat;
line-height: 1.4;
background-position: 285px top;
}
.main-bottom-area .main-bottom-contents .btm-box03 {
margin: 0;
padding: 0;
width: 38%;
line-height: 1.2;
} .slide-bottom {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all 1.3s 0s ease-out;
transition: all 1.3s 0s ease-out;
}
@-webkit-keyframes fade-in {
from {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fade-in {
from {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@media screen and (max-width: 980px) {
.swiper-container {
width: 100%;
}
.swiper-container .swiper-wrapper .swiper-slide {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.swiper-container .swiper-wrapper .swiper-slide p.text01 {
position: absolute;
top: 25%;
padding: 3%;
}
.swiper-container .swiper-wrapper .swiper-slide p.text01 img {
width: 100%;
height: auto;
}
.swiper-container .swiper-wrapper .swiper-slide p.text02 {
position: absolute;
top: 20%;
padding: 3%;
}
.swiper-container .swiper-wrapper .swiper-slide p.text02 img {
width: 100%;
height: auto;
}
.swiper-container .swiper-wrapper .swiper-slide-active p {
-webkit-animation-name: fade-in;
animation-name: fade-in;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
} .pickup-slider {
width: 1170px;
height: 245px;
margin: 0 auto;
}
.pickup-slider li {
color: #000;
height: 245px;
text-align: center;
position: relative;
border-left: 5px solid #F2F7FA;
}
.pickup-slider li img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 1200px) {
.pickup-slider {
width: 96%;
height: 245px;
margin: 0 auto;
}
.pickup-slider li {
color: #000;
height: 245px;
text-align: center;
position: relative;
border-left: 5px solid #F2F7FA;
}
.pickup-slider li img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
@media screen and (max-width: 980px) {
.pickup-slider {
width: 85%;
height: 200px;
margin: 0 auto;
}
.pickup-slider li {
height: 200px;
text-align: center;
position: relative;
border-left: 0px solid #fff;
}
.pickup-slider li img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.slide-pickup-area {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
color: #fff;
text-align: left;
padding: 10px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 980px) {
.slide-pickup-area {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
color: #fff;
text-align: left;
padding: 10px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
}
}
.slide-pickup-date {
margin: 0;
padding: 0 0 0 22px;
text-align: left;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-slidedate.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.slide-pickup-title {
margin: 5px 0 0;
padding: 0;
text-align: left;
line-height: 1.7;
}
.category-pickup {
padding: 2px 7px;
background: #FFBC2B;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
@media screen and (max-width: 980px) {
.category-pickup {
padding: 2px 7px;
background: #FFBC2B;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
} .txt12 {
font-size: 12px;
}
.txt13 {
font-size: 13px;
}
.txt14 {
font-size: 14px;
}
.txt15 {
font-size: 15px;
}
.txt16 {
font-size: 16px;
}
.txt18 {
font-size: 18px;
}
.txt20 {
font-size: 20px;
}
.txt22 {
font-size: 22px;
}
.txt24 {
font-size: 24px;
}
.txt26 {
font-size: 26px;
}
.txt28 {
font-size: 28px;
}
.txt30 {
font-size: 30px;
}
.txt32 {
font-size: 32px;
}
.txt34 {
font-size: 34px;
}
.txt36 {
font-size: 36px;
}
.txt38 {
font-size: 38px;
}
.txt40 {
font-size: 40px;
}
.txt46 {
font-size: 46px;
}
.txt50 {
font-size: 50px;
}
.txt56 {
font-size: 56px;
}
.txt60 {
font-size: 60px;
}
.text-bold {
font-weight: bold;
}
.text-udl {
text-decoration: underline;
}
.font-italic {
font-style: italic;
} .red {
color: #F05454;
}
.red-b {
color: #F05454;
font-weight: 700;
}
.blue {
color: #036EB8;
}
.blue-b {
color: #036EB8;
font-weight: 700;
}
.skyblue {
color: #00ADE1;
}
.skyblue-b {
color: #00ADE1;
font-weight: 700;
}
.gray {
color: #cccccc;
}
.darkgray {
color: #888;
}
.black {
color: #000000;
}   @font-face {
font-family: "Noto Sans JP";
font-style: normal;
font-weight: 400;
src: local(""), url(//ma-inc.jp/game_support/wp-content/themes/fonts/NotoSansJP-Regular.otf) format("opentype");
} @font-face {
font-family: "Noto Sans JP";
font-style: normal;
font-weight: 700;
src: local(""), url(//ma-inc.jp/game_support/wp-content/themes/fonts/NotoSansJP-Bold.otf) format("opentype");
}
html {
margin: 0;
padding: 0;
border: 0;
font-size: 62.5%;
vertical-align: baseline;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-decoration: none;
}
body {
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0;
padding: 0;
font-size: 1.6rem;
text-align: center;
background: #fff;
line-height: 2;
color: #1d1d1d;
font-display: swap;
}
.wrapper {
margin: 0;
padding: 0;
width: 100%;
overflow: hidden;
}
@media screen and (max-width: 980px) {
body {
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0;
padding: 0;
font-size: 1.6rem;
text-align: center;
background: #fff;
line-height: 2;
color: #000;
font-display: swap;
}
.wrapper {
margin: 0;
padding: 0;
width: 100%;
min-width: 100%;
overflow: hidden;
}
}
@media all and (-ms-high-contrast: none) {
body {
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0;
padding: 0;
font-size: 1.6rem;
text-align: center;
background: #fff;
line-height: 1.8;
color: #000;
font-display: swap;
}
}
* html body {
overflow: hidden;
} html {
visibility: hidden;
}
html.wf-active, html.loading-delay {
visibility: visible;
} #faq01, #faq02, #faq03 {
padding-top: 240px;
margin-top: -240px;
}
@media screen and (max-width: 980px) {
#faq01, #faq02, #faq03 {
padding-top: 102px;
margin-top: -102px;
}
}
#h2022, #h2021, #h2020, #h2019, #h2018, #h2011 {
padding-top: 100px;
margin-top: -100px;
}
.fixed {
overflow: auto;
height: 100%;
}  .is-pc {
display: block !important;
}
.is-sp {
display: none !important;
} @media screen and (max-width: 980px) {
.is-pc {
display: none !important;
}
.is-sp {
display: block !important;
}
} .is-header-pc {
display: block !important;
}
.is-header-sp {
display: none !important;
}
.drawer-navbar {
display: none;
} @media screen and (max-width: 980px) {
.is-header-pc {
display: none !important;
}
.is-header-sp {
display: block !important;
}
.drawer-navbar {
display: block !important;
}
}  .fadein {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(60px);
transform: translateY(60px);
-webkit-transition: all 1.5s;
transition: all 1.5s;
} .fadein.scrollin {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.fadein.scrollin:nth-of-type(1) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.fadein.scrollin:nth-of-type(2) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.fadein.scrollin:nth-of-type(3) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.fadein.scrollin:nth-of-type(4) {
-webkit-transition-delay: 0.4;
transition-delay: 0.4;
}
.fadein.scrollin:nth-of-type(5) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.fadein.scrollin:nth-of-type(6) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.fadein.scrollin:nth-of-type(7) {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.fadein.scrollin:nth-of-type(8) {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.fadein.scrollin:nth-of-type(9) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.fadein.scrollin:nth-of-type(10) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.fadein.scrollin:nth-of-type(11) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.fadein.scrollin:nth-of-type(12) {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s;
}
.fadein.scrollin:nth-of-type(13) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.fadein.scrollin:nth-of-type(14) {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
.fadein.scrollin:nth-of-type(15) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.fadein-pt02 {
opacity: 0;
-webkit-transition: all 2.5s;
transition: all 2.5s;
}
.fadein-pt02.active {
opacity: 1;
} .bread-area-appli span[property=name] {
display: inline-block;
padding: 0;
margin-top: -3px;
vertical-align: middle;
max-width: 1050px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media screen and (max-width: 1200px) {
.bread-area-appli span[property=name] {
display: inline-block;
padding: 0;
margin-top: -3px;
vertical-align: middle;
max-width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.bread-area {
margin: 0 auto;
padding: 20px 10px 0;
max-width: 1180px;
text-align: left;
font-size: 12px;
}
.bread-area a:hover {
text-decoration: underline;
}
@media screen and (max-width: 1200px) {
.bread-area {
margin: 0 auto;
padding: 20px 10px 0;
max-width: 1180px;
text-align: left;
font-size: 12px;
}
.bread-area a:hover {
text-decoration: underline;
}
}
.bread-area-02 {
margin: 120px auto 0;
padding: 20px 10px 0;
max-width: 1180px;
text-align: left;
font-size: 12px;
}
.bread-area-02 a:hover {
text-decoration: underline;
}
@media screen and (max-width: 1200px) {
.bread-area-02 {
margin: 80px auto 0;
padding: 0 10px;
max-width: 1180px;
text-align: left;
font-size: 12px;
}
.bread-area-02 a:hover {
text-decoration: underline;
}
}
@media screen and (max-width: 980px) {
.bread-area {
margin: 0;
padding: 30px 5% 0;
max-width: 90%;
text-align: left;
font-size: 14px;
}
}
.bread-area-notfound {
margin: 100px auto 0;
padding: 0;
max-width: 1200px;
text-align: left;
font-size: 12px;
}
.bread-area-appli {
margin: 140px auto 0;
padding: 0;
max-width: 1200px;
text-align: left;
font-size: 12px;
}
@media screen and (max-width: 1200px) {
.bread-area-notfound {
margin: 100px auto 0;
padding: 0;
max-width: 1200px;
text-align: left;
font-size: 12px;
}
}
@media screen and (max-width: 980px) {
.bread-area-notfound {
margin: 60px 0 0;
padding: 20px 5% 0;
max-width: 90%;
text-align: left;
font-size: 14px;
}
.bread-area-appli {
margin: 60px auto 0;
padding: 20px 5% 20px;
max-width: 90%;
text-align: left;
font-size: 14px;
}
}
div.scroll {
display: inline-block;
position: absolute;
left: 40px;
bottom: 0;
z-index: 2;
padding: 10px 10px 80px;
overflow: hidden;
color: #000;
font-size: 12px;
font-family: "Josefin Sans", sans-serif;
line-height: 1;
letter-spacing: 0.2em;
text-transform: uppercase;
text-decoration: none;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
}
div.scroll::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 1px;
height: 70px;
background: #000;
-webkit-animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
}
@-webkit-keyframes sdl {
0% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
30% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
70% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
100% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
}
@keyframes sdl {
0% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
30% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
70% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
100% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
}
@media screen and (max-width: 980px) {
div.scroll {
display: inline-block;
position: absolute;
left: 40px;
bottom: 0;
z-index: 2;
padding: 10px 10px 60px;
overflow: hidden;
color: #000;
font-size: 12px;
font-family: "Josefin Sans", sans-serif;
line-height: 1;
letter-spacing: 0.2em;
text-transform: uppercase;
text-decoration: none;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, 1px 0px 1px #fff, -1px 0px 1px #fff, 0px 1px 1px #fff, 0px -1px 1px #fff;
}
div.scroll::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 1px;
height: 50px;
background: #000;
-webkit-animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
}
@-webkit-keyframes sdl {
0% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
30% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
70% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
100% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
}
@keyframes sdl {
0% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
30% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
70% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
100% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
}
}
.bg-gray-01 {
background: rgba(3, 110, 184, 0.13);
}
.bg-gray-02 {
background: #f4f4f4;
}
.page-base {
margin: 0;
padding: 100px 0;
}
.page-base-02 {
margin: 0;
padding: 0;
background: #F2F7FA;
}
.page-base-download {
margin: 0;
padding: 100px 0 20px;
background: #fff;
}
.page-base-faq {
margin: 0;
padding: 100px 0;
background: #f1f1f1;
}
.page-case-area {
margin: 0;
padding: 100px 0 20px;
}
@media screen and (max-width: 980px) {
.page-base {
margin: 0 auto;
padding: 60px 0;
width: 90%;
}
.page-base-02 {
margin: 0 auto;
padding: 0;
background: #F2F7FA;
width: 100%;
}
.page-base-download {
margin: 0;
padding: 60px 0 20px;
background: #fff;
}
.page-case-area {
margin: 0;
padding: 60px 0 0;
}
}
.section-comp {
margin: 0;
padding: 0;
}
.section-comp-02 {
margin: 100px 0 0;
padding: 0;
}
.section-comp-03 {
margin: 100px 0 0;
padding: 0px;
}
.section-comp-04 {
margin: 0;
padding: 100px 0 150px;
}
.section-comp-05 {
margin: 100px 0 0;
padding: 60px 0 100px;
background: #fff;
}
.section-comp-06 {
margin: 0;
padding: 0 0 100px;
background: #fff;
}
@media screen and (max-width: 980px) {
.section-comp-02 {
margin: 60px 0 0;
padding: 0;
}
.section-comp-03 {
margin: 60px 0 0;
padding: 0;
}
.section-comp-04 {
margin: 0;
padding: 60px 0 0;
}
.section-comp-05 {
margin: 0;
padding: 60px 0;
background: #fff;
}
.section-comp-06 {
margin: 0;
padding: 0 0 60px;
background: #fff;
}
}
.contents-01 {
margin: 0 auto;
padding: 60px 0 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-point.jpg) no-repeat;
background-position: center top;
}
.contents-02 {
margin: 0 auto;
padding: 60px 0 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-example.jpg) no-repeat;
background-position: center top;
}
.contents-03 {
margin: 0 auto;
padding: 60px 0 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-case.jpg) no-repeat;
background-position: center top;
}
.contents-04 {
margin: 0 auto;
padding: 60px 0 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-plan.jpg) no-repeat;
background-position: center top;
}
.contents-base-01 {
margin: 60px auto 0;
padding: 100px 100px 30px;
max-width: 1200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
.contents-base-02 {
margin: 60px auto 0;
padding: 50px 100px 90px;
max-width: 1200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
@media screen and (max-width: 1200px) {
.contents-base-01 {
margin: 60px auto 0;
padding: 70px 100px 0px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
}
@media screen and (max-width: 980px) {
.contents-base-01 {
margin: 60px auto 0;
padding: 30px 30px 0px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
.contents-base-02 {
margin: 60px auto 0;
padding: 30px 30px 60px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
}
ul.point-area {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
}
ul.point-area li {
margin: 0 0 70px;
padding: 0;
width: 45%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
ul.point-area li .point-icon {
margin: 0 8% 0 0;
padding: 0;
width: 22%;
vertical-align: top;
}
ul.point-area li .point-icon img {
width: 100%;
height: auto;
}
ul.point-area li .point-text {
margin: 0;
padding: 0;
width: 67%;
vertical-align: top;
line-height: 1.8;
}
ul.point-area li .point-icon-02 {
margin: 0 8% 0 0;
padding: 0;
width: 18%;
vertical-align: top;
}
ul.point-area li .point-icon-02 img {
width: 100%;
height: auto;
}
ul.point-area li .point-text-02 {
margin: 0;
padding: 0;
width: 70%;
vertical-align: top;
line-height: 1.8;
}
@media screen and (max-width: 980px) {
ul.point-area {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
}
ul.point-area li {
margin: 0 0 40px;
padding: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
ul.point-area li .point-icon {
margin: 30px auto 0;
padding: 0;
width: 50%;
vertical-align: top;
}
ul.point-area li .point-icon img {
width: 100%;
height: auto;
}
ul.point-area li .point-text {
margin: 0;
padding: 0;
width: 100%;
vertical-align: top;
line-height: 1.8;
}
ul.point-area li .point-icon-02 {
margin: 30px auto 0;
padding: 0;
width: 40%;
vertical-align: top;
}
ul.point-area li .point-icon-02 img {
width: 100%;
height: auto;
}
ul.point-area li .point-text-02 {
margin: 0;
padding: 0;
width: 100%;
vertical-align: top;
line-height: 1.8;
}
}
.top-about-base {
margin: 80px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
max-width: 1200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
background-position: right top;
}
.top-about-base li.about-n01 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 27%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base li.about-n01:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n01.svg);
position: absolute;
right: 20px;
bottom: 0;
}
.top-about-base li.about-n02 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 27%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base li.about-n02:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n02.svg);
position: absolute;
right: 20px;
bottom: 0;
}
.top-about-base li.about-n03 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 30%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base li.about-n03:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n03.svg);
position: absolute;
right: 70px;
bottom: 0;
}
.top-about-base .top-about-text {
margin: 0;
padding: 0;
position: absolute;
font-size: 20px;
top: 100px;
left: 60px;
z-index: 2;
}
.top-about-base .top-about-text-02 {
margin: 0;
padding: 0;
position: absolute;
font-size: 20px;
top: 80px;
left: 60px;
z-index: 2;
}
.top-about-base-02 {
margin: 10px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
max-width: 1200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
background-position: right top;
}
.top-about-base-02 li.about-n04 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 27%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base-02 li.about-n04:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n04.svg);
position: absolute;
right: 20px;
bottom: 0;
}
.top-about-base-02 li.about-n05 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 27%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base-02 li.about-n05:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n05.svg);
position: absolute;
right: 20px;
bottom: 0;
}
.top-about-base-02 li.about-n06 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 30%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base-02 li.about-n06:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n06.svg);
position: absolute;
right: 70px;
bottom: 0;
}
.top-about-base-02 .top-about-text {
margin: 0;
padding: 0;
position: absolute;
font-size: 20px;
top: 100px;
left: 60px;
z-index: 2;
}
.top-about-base-02 .top-about-text-02 {
margin: 0;
padding: 0;
position: absolute;
font-size: 20px;
top: 80px;
left: 60px;
z-index: 2;
}
@media screen and (max-width: 980px) {
.sp-top-about-01 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n01.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-02 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n02.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-03 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n03.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-04 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n04.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-05 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n05.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-06 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n06.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-01:after,
.sp-top-about-02:after,
.sp-top-about-03:after,
.sp-top-about-04:after,
.sp-top-about-05:after {
content: "";
position: absolute;
bottom: 0;
left: 20%;
width: 60%;
height: 1px;
background-color: #000;
border-radius: 0px;
}
}
.page-button-area {
margin: 100px 0 0;
padding: 0;
}
.page-button-area-02 {
margin: 200px 0 0;
padding: 0;
}
@media screen and (max-width: 980px) {
.page-button-area,
.page-button-area-02 {
margin: 60px auto 0;
padding: 0;
width: 90%;
}
}
.top-example-lead {
margin: 20px 0 0;
padding: 0;
text-align: center;
font-size: 24px;
font-weight: bold;
}
@media screen and (max-width: 980px) {
.top-example-lead {
margin: 20px 0 0;
padding: 0;
text-align: left;
font-size: 20px;
font-weight: bold;
line-height: 1.5;
}
}
ul.top-example-contents {
margin: -20px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
max-width: 700px;
}
ul.top-example-contents li {
margin: 60px 0 30px;
width: 25%;
vertical-align: middle;
position: relative;
padding: 0 2%;
}
ul.top-example-contents li img {
width: 100%;
height: auto;
}
ul.top-example-contents li .text01 {
font-size: 22px;
font-weight: bold;
letter-spacing: -1px;
position: absolute;
bottom: -40px;
right: 0;
left: 0;
}
ul.top-example-contents li .text02 {
font-size: 22px;
font-weight: bold;
letter-spacing: -1px;
position: absolute;
bottom: -60px;
right: 0;
left: 0;
line-height: 1.3;
}
ul.top-example-contents li.icon04 {
margin: 0 0 0 30px;
width: 10%;
vertical-align: middle;
position: relative;
}
ul.top-example-contents li.icon04 img {
width: 100%;
height: auto;
}
@media screen and (max-width: 980px) {
ul.top-example-contents {
margin: 0px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
max-width: 700px;
}
ul.top-example-contents li {
margin: 40px 0 30px;
width: 48%;
vertical-align: middle;
position: relative;
padding: 0;
}
ul.top-example-contents li img {
width: 100%;
height: auto;
}
ul.top-example-contents li .text01 {
font-size: 20px;
font-weight: bold;
letter-spacing: -1px;
position: absolute;
bottom: -30px;
right: 0;
left: 0;
line-height: 1.3;
}
ul.top-example-contents li .text02 {
font-size: 20px;
font-weight: bold;
letter-spacing: -1px;
position: absolute;
bottom: -50px;
right: 0;
left: 0;
line-height: 1.3;
}
ul.top-example-contents li.icon04 {
margin: 0 0 0 30px;
width: 10%;
vertical-align: middle;
position: relative;
}
ul.top-example-contents li.icon04 img {
width: 100%;
height: auto;
}
}
.nayami-base01 {
margin: 50px auto 0;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1000px;
}
.nayami-base01 li {
margin: 0;
padding: 0;
width: 28%;
position: relative;
}
.nayami-base01 li .bubble-base {
margin: 0;
padding: 30px;
text-align: left;
background: #fff;
border-radius: 16px;
min-height: 180px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.nayami-base01 li .img-nayami {
margin: 0;
padding: 0;
position: absolute;
right: 0;
bottom: -100px;
}
.nayami-base02 {
margin: 150px auto 0;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 640px;
}
.nayami-base02 li {
margin: 0;
padding: 0;
width: 44%;
position: relative;
}
.nayami-base02 li .bubble-base {
margin: 0;
padding: 30px;
text-align: left;
background: #fff;
border-radius: 16px;
min-height: 180px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.nayami-base02 li .img-nayami {
margin: 0;
padding: 0;
position: absolute;
right: 0;
bottom: -100px;
}
.contents-case-base {
margin: 60px auto 0;
padding: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
max-width: 1200px;
}
.contents-case-base li.case-image {
margin: 0;
padding: 0;
width: 25%;
}
.contents-case-base li.case-image img {
width: 100%;
height: auto;
}
.contents-case-base li.case-text-area {
margin: 0;
padding: 0;
width: 70%;
text-align: left;
}
.contents-case-base li.case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 28px;
font-weight: bold;
color: #036EB8;
line-height: 1;
}
.contents-case-base li.case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.contents-case-base li.case-text-area .case-icon-02 {
margin: 10px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 140px;
font-size: 14px;
line-height: 1;
}
.contents-case-base li.case-text-area .case-text {
margin: 35px 20px 0 0;
padding: 0;
display: inline-block;
width: 120px;
font-size: 18px;
}
.contents-case-base li.case-text-area .case-text-02 {
margin: 35px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
.contents-case-base li.case-text-area .case-text-03 {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
@media screen and (max-width: 980px) {
.contents-case-base {
margin: 60px auto 0;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
max-width: 90%;
}
.contents-case-base li.case-image {
margin: 35px 0 0;
padding: 0;
width: 100%;
}
.contents-case-base li.case-image img {
width: 100%;
height: auto;
}
.contents-case-base li.case-text-area {
margin: 0;
padding: 0;
width: 100%;
text-align: left;
}
.contents-case-base li.case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 24px;
font-weight: bold;
color: #036EB8;
line-height: 1.4;
}
.contents-case-base li.case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.contents-case-base li.case-text-area .case-icon-02 {
margin: 5px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: block;
width: 140px;
font-size: 14px;
line-height: 1;
}
.contents-case-base li.case-text-area .case-text {
margin: 5px 20px 0 0;
padding: 0;
display: block;
width: 120px;
font-size: 18px;
}
.contents-case-base li.case-text-area .case-text-02 {
margin: 5px 20px 0 0;
padding: 0;
display: block;
width: 220px;
font-size: 18px;
}
.contents-case-base li.case-text-area .case-text-03 {
margin: 10px 20px 0 0;
padding: 0;
display: block;
width: 220px;
font-size: 18px;
}
}
.contents-case-base-02 {
margin: 80px auto 0;
padding: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
max-width: 1200px;
}
.contents-case-base-02 li.case-image {
margin: 0;
padding: 0;
width: 25%;
}
.contents-case-base-02 li.case-image img {
width: 100%;
height: auto;
}
.contents-case-base-02 li.case-text-area {
margin: 0;
padding: 0;
width: 70%;
text-align: left;
}
.contents-case-base-02 li.case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 28px;
font-weight: bold;
color: #036EB8;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-icon-02 {
margin: 10px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 140px;
font-size: 14px;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-text {
margin: 35px 20px 0 0;
padding: 0;
display: inline-block;
width: 150px;
font-size: 18px;
}
.contents-case-base-02 li.case-text-area .case-text-02 {
margin: 35px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
.contents-case-base-02 li.case-text-area .case-text-03 {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
@media screen and (max-width: 980px) {
.contents-case-base-02 {
margin: 60px auto 0;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
width: 90%;
}
.contents-case-base-02 li.case-image {
margin: 35px 0 0;
padding: 0;
width: 100%;
}
.contents-case-base-02 li.case-image img {
width: 100%;
height: auto;
}
.contents-case-base-02 li.case-text-area {
margin: 0;
padding: 0;
width: 100%;
text-align: left;
}
.contents-case-base-02 li.case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 24px;
font-weight: bold;
color: #036EB8;
line-height: 1.4;
}
.contents-case-base-02 li.case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-icon-02 {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 140px;
font-size: 14px;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-text {
margin: 5px 20px 0 0;
padding: 0;
display: inline-block;
width: 150px;
font-size: 18px;
}
.contents-case-base-02 li.case-text-area .case-text-02 {
margin: 5px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
.contents-case-base-02 li.case-text-area .case-text-03 {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
}
ul.plan-contents {
margin: 60px auto 0;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1000px;
}
ul.plan-contents li {
margin: 0;
padding: 0;
width: 280px;
height: 280px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
ul.plan-contents li .circle {
display: inline-block;
width: 280px;
height: 280px;
border-radius: 50%;
background: #fff;
text-align: center;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 70px 0 0;
}
@media screen and (max-width: 980px) {
ul.plan-contents {
margin: 60px auto 0;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 90%;
}
ul.plan-contents li {
margin: 0 auto;
padding: 0;
width: 280px;
min-height: 480px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
ul.plan-contents li .circle {
display: inline-block;
width: 280px;
height: 280px;
border-radius: 50%;
background: #fff;
text-align: center;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 70px 0 0;
}
} .top-faq-base {
margin: 60px auto 0;
padding: 0;
max-width: 1000px;
text-align: left;
}
@media screen and (max-width: 980px) {
.top-faq-base {
margin: 60px auto 0;
padding: 0;
width: 90%;
text-align: left;
}
}
.accordion-container .accordion-title {
position: relative;
margin: 0 auto;
padding: 30px 5% 30px 8%;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-question.svg) no-repeat;
background-position: 15px 30px;
font-size: 18px;
font-weight: normal;
color: #000;
cursor: pointer;
width: 87%;
border-top: 1px solid #ccc;
text-align: left;
}
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open {
background-color: none;
}
.accordion-container .accordion-title::before {
content: "";
position: absolute;
top: 50%;
right: 25px;
width: 15px;
height: 2px; -webkit-transform: rotate(90deg);
transform: rotate(90deg);
background: #ccc;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.accordion-container .accordion-title::after {
content: "";
position: absolute;
top: 50%;
right: 25px; width: 15px;
height: 2px;
background: #ccc;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.accordion-container .accordion-title.open::before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion-container .accordion-title.open::after {
opacity: 0;
}
.accordion-content {
display: none;
padding: 30px 5% 30px 8%;
background: #F4F4F4;
width: 87%;
position: relative;
text-align: left;
}
.accordion-content:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-answer.svg);
display: block;
padding: 0;
position: absolute;
left: 15px;
top: 28px;
}
@media screen and (max-width: 980px) {
.accordion-container .accordion-title {
position: relative;
margin: 0 auto;
padding: 30px 5% 30px 18%;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-question.svg) no-repeat;
background-position: 5px 30px;
font-size: 18px;
font-weight: normal;
color: #000;
cursor: pointer;
width: 77%;
border-top: 1px solid #ccc;
text-align: left;
}
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open {
background-color: none;
}
.accordion-container .accordion-title::before {
content: "";
position: absolute;
top: 50%;
right: 25px;
width: 15px;
height: 0px; -webkit-transform: rotate(90deg);
transform: rotate(90deg);
background: #ccc;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.accordion-container .accordion-title::after {
content: "";
position: absolute;
top: 50%;
right: 25px; width: 15px;
height: 0px;
background: #ccc;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.accordion-container .accordion-title.open::before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion-container .accordion-title.open::after {
opacity: 0;
}
.accordion-content {
display: none;
padding: 30px 5% 30px 18%;
background: #F4F4F4;
width: 77%;
position: relative;
text-align: left;
}
.accordion-content:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-answer.svg);
display: block;
padding: 0;
position: absolute;
left: 5px;
top: 28px;
}
}
.accordion-box {
border-bottom: 1px solid #ccc;
}  .movie-area {
margin: 60px 0 0;
padding: 0;
}
@media screen and (max-width: 980px) {
.movie-area {
margin: 60px auto 0;
padding: 0;
width: 90%;
}
}
.movie-youtube {
width: 700px;
margin: 0 auto;
}
.movie-youtube a {
border: 0px solid #fff;
display: block;
position: relative;
}
.movie-youtube a:hover {
opacity: 0.6;
}
.movie-youtube a::before {
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-youtube-red.png) center center/64px 45px no-repeat;
content: "";
display: block;
width: 100%; height: 60px; margin: -32px auto 0;
position: absolute;
top: 50%;
left: 0;
right: 0;
z-index: 1;
opacity: 0.8;
}
.movie-youtube a img {
margin: 0 auto;
text-align: center;
width: 100%;
border: 1px solid #ccc;
border-radius: 20px;
}
@media screen and (max-width: 980px) {
.movie-youtube {
width: 100%;
margin: 20px auto 0;
}
}
.sp-lead-base {
margin: 30px auto 0;
padding: 0;
background: #fff;
width: 90%;
}
.sp-lead-01 {
margin: 0;
padding: 0 0 0 30px;
font-size: 20px;
line-height: 1.3;
position: relative;
text-align: left;
}
.sp-lead-02 {
margin: 20px 0 0;
padding: 0 0 0 30px;
font-size: 20px;
line-height: 1.3;
position: relative;
text-align: left;
}
.sp-lead-01:before,
.sp-lead-02:before {
content: "";
position: absolute;
top: 5px;
left: 0px;
width: 8px;
height: calc(100% - 10px);
background-color: #00ADE1;
border-radius: 4px;
}
.sp-nayami-01 {
margin: 60px auto 0;
padding: 20px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-01:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-01.svg);
position: absolute;
bottom: -12px;
right: 15px;
}
.sp-nayami-02 {
margin: 60px auto 0;
padding: 20px 20px 20px 170px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-02:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-02.svg);
position: absolute;
bottom: -12px;
left: 15px;
}
.sp-nayami-03 {
margin: 60px auto 0;
padding: 20px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-03:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-03.svg);
position: absolute;
bottom: -12px;
right: 15px;
}
.sp-nayami-04 {
margin: 60px auto 0;
padding: 20px 20px 20px 170px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-04:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-04.svg);
position: absolute;
bottom: -12px;
left: 15px;
}
.sp-nayami-05 {
margin: 60px auto 0;
padding: 20px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-05:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-05.svg);
position: absolute;
bottom: -12px;
right: 15px;
}
.page-main-case {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-case.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-download {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-download.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-faq {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-faq.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-contact {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-contact.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-sitemap {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-sitemap.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
@media screen and (max-width: 980px) {
.page-main-case {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-case.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-download {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-download.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-faq {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-faq.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-contact {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-contact.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-sitemap {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-sitemap.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
}
.page-main-case::before,
.page-main-download::before,
.page-main-faq::before,
.page-main-contact::before,
.page-main-sitemap::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #036EB8;
opacity: 0.7;
display: block;
z-index: 0;
}
.pagetitle {
margin: 0;
padding: 0;
font-size: 40px;
color: #fff;
font-weight: bold;
position: absolute;
top: 35%;
left: 0;
right: 0;
}
@media screen and (max-width: 980px) {
.pagetitle {
margin: 0;
padding: 0;
font-size: 30px;
color: #fff;
font-weight: bold;
position: absolute;
top: 35%;
left: 0;
right: 0;
}
} .page-case-base {
margin: 0 auto 60px;
padding: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
max-width: 1200px;
}
.page-case-base-02 {
margin: 80px auto 0;
padding: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
max-width: 1200px;
}
@media screen and (max-width: 1200px) {
.page-case-base {
margin: 0 20px 60px;
padding: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
max-width: 1200px;
}
.page-case-base-02 {
margin: 80px 20px 0;
padding: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
max-width: 1200px;
}
}
@media screen and (max-width: 980px) {
.page-case-base {
margin: 0 auto 50px;
padding: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
width: 94%;
}
.page-case-base-02 {
margin: 60px auto 0;
padding: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
width: 94%;
}
}
.page-case-box {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page-case-box .case-image {
margin: 0;
padding: 0;
width: 22%;
}
.page-case-box .case-image img {
width: 100%;
height: auto;
}
.page-case-box .case-text-area {
margin: 0;
padding: 0;
width: 73%;
text-align: left;
}
.page-case-box .case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 28px;
font-weight: bold;
color: #036EB8;
line-height: 1;
}
.page-case-box .case-text-area .case-lead {
margin: 25px 0 0;
padding: 0;
font-size: 22px;
font-weight: bold;
line-height: 1.3;
}
.page-case-box .case-text-area .case-icon {
margin: 18px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.page-case-box .case-text-area .case-icon-02 {
margin: 18px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 140px;
font-size: 14px;
line-height: 1;
}
.page-case-box .case-text-area .case-text {
margin: 18px 20px 0 0;
padding: 0;
display: inline-block;
width: 550px;
font-size: 18px;
}
.page-case-box .case-text-area .case-text-02 {
margin: 18px 20px 0 0;
padding: 0;
display: inline-block;
width: 400px;
font-size: 18px;
}
@media screen and (max-width: 980px) {
.page-case-box {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-case-box .case-image {
margin: 0;
padding: 0;
width: 100%;
}
.page-case-box .case-image img {
width: 100%;
height: auto;
}
.page-case-box .case-text-area {
margin: 0;
padding: 0;
width: 100%;
text-align: left;
}
.page-case-box .case-text-area .case-heading {
margin: 25px 0 0;
padding: 0;
font-size: 24px;
font-weight: bold;
color: #036EB8;
line-height: 1.4;
}
.page-case-box .case-text-area .case-lead {
margin: 25px 0 0;
padding: 0;
font-size: 20px;
font-weight: bold;
line-height: 1.5;
}
.page-case-box .case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.page-case-box .case-text-area .case-icon-02 {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 140px;
font-size: 14px;
line-height: 1;
}
.page-case-box .case-text-area .case-text {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 550px;
font-size: 18px;
}
.page-case-box .case-text-area .case-text-02 {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 400px;
font-size: 18px;
}
}
.case-flow-area {
margin: 40px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.case-flow-area .flow-box {
margin: 0;
padding: 0;
width: 45%;
}
.case-flow-area .flow-arrow {
margin: 0;
padding: 0;
width: 10%;
text-align: center;
}
.case-flow-area .flow-bf-heading {
margin: 0;
padding: 5px;
background: #036EB8;
color: #fff;
font-size: 22px;
text-align: center;
border-radius: 16px 16px 0 0;
}
.case-flow-area .flow-bf-contents {
margin: 0;
padding: 20px;
background: #F2F7FA;
text-align: left;
border: 1px solid #036EB8;
border-radius: 0 0 16px 16px;
min-height: 160px;
}
.case-flow-area .flow-af-heading {
margin: 0;
padding: 5px;
background: #00ADE1;
color: #fff;
font-size: 22px;
text-align: center;
border-radius: 16px 16px 0 0;
}
.case-flow-area .flow-af-contents {
margin: 0;
padding: 20px;
background: #F2F7FA;
text-align: left;
border: 1px solid #00ADE1;
border-radius: 0 0 16px 16px;
min-height: 160px;
}
@media screen and (max-width: 980px) {
.case-flow-area {
margin: 40px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.case-flow-area .flow-box {
margin: 0;
padding: 0;
width: 100%;
}
.case-flow-area .flow-arrow {
margin: 0;
padding: 15px 0 10px;
width: 100%;
text-align: center;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.case-flow-area .flow-bf-heading {
margin: 0;
padding: 5px;
background: #036EB8;
color: #fff;
font-size: 22px;
text-align: center;
border-radius: 16px 16px 0 0;
}
.case-flow-area .flow-bf-contents {
margin: 0;
padding: 20px;
background: #F2F7FA;
text-align: left;
border: 1px solid #036EB8;
border-radius: 0 0 16px 16px;
}
.case-flow-area .flow-af-heading {
margin: 0;
padding: 5px;
background: #00ADE1;
color: #fff;
font-size: 22px;
text-align: center;
border-radius: 16px 16px 0 0;
}
.case-flow-area .flow-af-contents {
margin: 0;
padding: 20px;
background: #F2F7FA;
text-align: left;
border: 1px solid #00ADE1;
border-radius: 0 0 16px 16px;
}
}
.down-load-base {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
max-width: 1200px;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.down-load-base li {
margin: 0 0 80px;
padding: 0;
width: 30%;
text-align: left;
}
.down-load-base li .arc-download-title {
margin: 20px 0 0;
padding: 0;
font-size: 18px;
font-weight: bold;
}
.down-load-base li .arc-download-text {
margin: 20px 0 0;
padding: 0 0 10px;
font-size: 16px;
}
.down-load-base .download-img {
overflow: hidden;
cursor: pointer;
height: 220px;
}
.down-load-base .download-img img {
width: 100%;
height: auto;
}
.down-load-base .download-img img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.down-load-base .download-img:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
@media screen and (max-width: 980px) {
.down-load-base {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
width: 90%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.down-load-base li {
margin: 0 0 70px;
padding: 0;
width: 100%;
}
.down-load-base .sp-download-img {
width: 100%;
}
.down-load-base .sp-download-img img {
width: 100%;
height: auto;
}
}
.page-base-downloadform {
margin: 100px auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
max-width: 1000px;
}
.page-base-downloadform .downloadform-img {
margin: 0;
padding: 0;
width: 38%;
}
.page-base-downloadform .downloadform-img img {
width: 100%;
height: auto;
}
.page-base-downloadform .downloadform-base {
margin: 0;
padding: 30px 50px;
width: 52%;
border-radius: 20px;
background: #F4F4F4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-base-downloadform .downloadform-base .downloadform-heading {
margin: 0;
padding: 0 0 5px;
border-bottom: 1px solid #000;
text-align: center;
font-size: 26px;
font-weight: bold;
}
.page-base-downloadform .downloadform-base-01 {
margin: 0;
padding: 0;
width: 52%;
}
.page-base-downloadform .downloadform-base-01 .downloadform-heading {
margin: 0;
padding: 0;
text-align: center;
font-size: 20px;
font-weight: bold;
}
.page-base-downloadform .downloadform-base-01 .downloadform-box {
margin: 0;
padding: 10px 50px 30px;
border-radius: 20px;
background: #f4f4f4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-base-downloadform .downloadform-base-01 .downloadform-box .downloadform-heading-01 {
margin: 0;
padding: 0 0 5px;
border-bottom: 1px solid #000;
text-align: center;
font-size: 18px;
font-weight: bold;
}
@media screen and (max-width: 1000px) {
.page-base-downloadform {
margin: 100px 3%;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
max-width: 1000px;
}
}
@media screen and (max-width: 980px) {
.page-base-downloadform {
margin: 60px auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
width: 90%;
}
.page-base-downloadform .downloadform-img {
margin: 0;
padding: 0;
width: 100%;
}
.page-base-downloadform .downloadform-img img {
width: 100%;
height: auto;
}
.page-base-downloadform .downloadform-base-01 {
margin: 40px 0 0;
padding: 0;
width: 100%;
}
.page-base-downloadform .downloadform-base-01 .downloadform-heading {
margin: 0;
padding: 0;
text-align: center;
font-size: 20px;
font-weight: bold;
}
.page-base-downloadform .downloadform-base-01 .downloadform-box {
margin: 5px 0 0;
padding: 30px 30px 50px;
width: 100%;
border-radius: 20px;
background: #F4F4F4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.thanks-text {
margin: 30px 0 0;
padding: 0;
text-align: center;
}
@media screen and (max-width: 980px) {
.thanks-text {
margin: 30px 0 0;
padding: 0;
text-align: left;
}
}
.thanks-img {
margin: 0 auto;
padding: 0;
text-align: center;
}
@media screen and (max-width: 980px) {
.thanks-img {
margin: 0 auto;
padding: 0;
text-align: center;
}
.thanks-img img {
width: 100%;
height: auto;
}
}
.thanks-button-area {
margin: 80px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 1200px;
}
@media screen and (max-width: 980px) {
.thanks-button-area {
margin: 30px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 1200px;
}
}
#faq-index-base {
margin: 0;
padding: 0;
z-index: 999;
}
#faq-index-base.m_fixed {
left: 0;
position: fixed;
top: 80px;
border-bottom: 1px solid #ccc;
background: #F2F7FA;
width: 100%;
padding: 20px 0;
}
.faq-index-area {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 1200px;
}
.faq-index-area li {
margin: 0;
padding: 0;
width: 30%;
}
.faq-base {
margin: 100px auto 0;
padding: 60px 80px 80px;
border: 1px solid #036EB8;
max-width: 1200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
}
.faq-base .faq-heading {
margin: 0 0 50px;
padding: 0 0 5px;
text-align: center;
font-size: 26px;
font-weight: bold;
}
@media screen and (max-width: 980px) {
.faq-index-area {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.faq-index-area li {
margin: 0 0 25px;
padding: 0;
width: 100%;
}
.faq-base {
margin: 35px auto 0;
padding: 40px 20px 40px;
border: 1px solid #036EB8;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
}
.faq-base .faq-heading {
margin: 0 0 40px;
padding: 0 0 5px;
text-align: center;
font-size: 26px;
font-weight: bold;
}
}
.contact-base {
margin: 0 auto;
padding: 30px 70px 40px;
text-align: left;
max-width: 900px;
border-radius: 20px;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 980px) {
.contact-base {
margin: 0 auto;
padding: 20px 20px 30px;
text-align: left;
width: 100%;
border-radius: 20px;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.contact-form-area {
margin: 20px 0 0;
padding: 0;
}
.appli-contact-form-area {
margin: 50px 0 0;
padding: 40px 80px;
border: 0px solid #333;
border-radius: 20px;
background: #f4f4f4;
}
@media screen and (max-width: 980px) {
.appli-contact-form-area {
margin: 30px 0 0;
padding: 5px 20px 30px;
border: 0px solid #333;
border-radius: 20px;
background: #f4f4f4;
}
}
.page-sitemap-base {
margin: 0 auto;
padding: 100px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 800px;
text-align: left;
}
.page-sitemap-base li {
margin: 0;
padding: 0;
width: 50%;
}
.page-sitemap-base .sitemap-01 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-01.svg) no-repeat;
background-position: 0 6px;
}
.page-sitemap-base .sitemap-02 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-02.svg) no-repeat;
background-position: 0 6px;
}
.page-sitemap-base .sitemap-03 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-03.svg) no-repeat;
background-position: 0 6px;
}
.page-sitemap-base .sitemap-04 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-04.svg) no-repeat;
background-position: 0 10px;
}
.page-sitemap-base .sitemap-05 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-05.svg) no-repeat;
background-position: 0 8px;
}
.page-sitemap-base .sitemap-06 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-06.svg) no-repeat;
background-position: 0 6px;
position: relative;
}
.page-sitemap-base .sitemap-06::after {
position: absolute;
top: 10%;
left: 115px;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);
}
.page-sitemap-base .sitemap-07 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-07.svg) no-repeat;
background-position: 0 8px;
position: relative;
}
.page-sitemap-base .sitemap-07::after {
position: absolute;
top: 10%;
left: 215px;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);
}
.page-sitemap-base .sitemap-08 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-08.svg) no-repeat;
background-position: 0 8px;
}
.page-sitemap-base .sitemap-01 a,
.page-sitemap-base .sitemap-02 a,
.page-sitemap-base .sitemap-03 a,
.page-sitemap-base .sitemap-04 a,
.page-sitemap-base .sitemap-05 a,
.page-sitemap-base .sitemap-06 a,
.page-sitemap-base .sitemap-07 a,
.page-sitemap-base .sitemap-08 a {
position: relative;
display: inline-block;
text-decoration: none;
}
.page-sitemap-base .sitemap-01 a::after,
.page-sitemap-base .sitemap-02 a::after,
.page-sitemap-base .sitemap-03 a::after,
.page-sitemap-base .sitemap-04 a::after,
.page-sitemap-base .sitemap-05 a::after,
.page-sitemap-base .sitemap-06 a::after,
.page-sitemap-base .sitemap-07 a::after,
.page-sitemap-base .sitemap-08 a::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-sitemap-base .sitemap-01 a:hover::after,
.page-sitemap-base .sitemap-02 a:hover::after,
.page-sitemap-base .sitemap-03 a:hover::after,
.page-sitemap-base .sitemap-04 a:hover::after,
.page-sitemap-base .sitemap-05 a:hover::after,
.page-sitemap-base .sitemap-06 a:hover::after,
.page-sitemap-base .sitemap-07 a:hover::after,
.page-sitemap-base .sitemap-08 a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
@media screen and (max-width: 980px) {
.page-sitemap-base {
margin: 0 auto;
padding: 100px 0 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 75%;
text-align: left;
}
.page-sitemap-base li {
margin: 0;
padding: 0;
width: 100%;
}
}
.notfound-base {
margin: 100px 0 0;
padding: 0 0 100px;
background: #fff;
}
.notfound-img {
margin: 0 auto;
padding: 0;
text-align: center;
width: 350px;
}
.notfound-img img {
width: 100%;
height: auto;
}
@media screen and (max-width: 980px) {
.notfound-base {
margin: 0 auto;
padding: 100px 0 60px;
background: #fff;
width: 90%;
}
.notfound-img {
margin: 0 auto;
padding: 0;
text-align: center;
}
.notfound-img img {
width: 100%;
height: auto;
}
} .pickup-area {
margin: 122px 0 0;
padding: 40px 0;
width: 100% !important;
background: #F2F7FA;
top: 180px;
}
.appli-base {
margin: 0 auto;
padding: 40px 0 150px;
display: flex;
justify-content: space-between;
max-width: 1200px;
}
.appli-base .appli-contents {
margin: 0;
padding: 0;
text-align: left;
}
.appli-base .appli-side {
margin: 0;
padding: 0;
width: 27%;
text-align: left;
list-style: none;
}
.appli-base .appli-side img {
margin: 0 0 10px;
padding: 0;
width: 100% !important;
height: auto;
}
.appli-base .appli-side .side-banner {
margin: 0 0 15px;
padding: 0;
}
.appli-base .appli-side .side-banner img {
width: 100% !important;
height: auto;
}
.appli-base .appli-side .side-banner-02 {
margin: 20px 0 0;
padding: 0;
}
.appli-base .appli-side .side-banner-02 img {
width: 100%;
height: auto;
}
.appli-base-02 {
margin: 0 auto;
padding: 60px 10px 150px;
max-width: 1000px;
}
.appli-base-02 .appli-contents-02 {
margin: 80px 0 0;
padding: 0;
text-align: left;
}
.appli-base-03 {
margin: 0 auto;
padding: 60px 10px 150px;
max-width: 1200px;
}
.appli-base-03 .appli-contents-03 {
margin: 20px 0 0;
padding: 0;
text-align: left;
}
@media screen and (max-width: 1200px) {
.appli-base {
margin: 0 auto;
padding: 60px 1% 100px;
display: flex;
justify-content: space-between;
max-width: 98%;
}
.appli-base-02 {
margin: 0 auto;
padding: 60px 10px 100px;
max-width: 98%;
}
.appli-base-02 .appli-contents-02 {
margin: 40px 0 0;
padding: 0;
text-align: left;
}
.appli-base-03 {
margin: 0 auto;
padding: 60px 10px 100px;
width: 100% !important;
}
.appli-base-03 .appli-contents-03 {
margin: 40px 0 0;
padding: 0;
text-align: left;
}
}
@media screen and (max-width: 980px) {
.pickup-area {
margin: 60px 0 0;
padding: 20px 0;
width: 100% !important;
background: #F2F7FA;
}
.appli-base {
margin: 0 auto;
padding: 20px 0 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.appli-base .appli-contents {
margin: 0 auto;
padding: 0;
width: 90%;
text-align: left;
}
.appli-base .appli-side {
margin: 80px auto 0;
padding: 0;
width: 90%;
text-align: left;
}
.appli-base .appli-side .side-banner {
margin: 0 0 15px;
padding: 0;
}
.appli-base .appli-side .side-banner img {
width: 100% !important;
}
.appli-base .appli-side .side-banner-02 {
margin: 20px 0 0;
padding: 0;
}
.appli-base .appli-side .side-banner-02 img {
width: 100%;
height: auto;
}
}
.side-contents {
margin: 30px 0 0;
padding: 0;
}
.side-contents li {
margin: 0 0 15px;
padding: 0 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ddd;
}
.side-contents li .side-img {
width: 80px;
height: 80px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.side-contents li .side-img img {
position: absolute;
width: 100% !important;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.side-contents li .side-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.side-contents li .side-text {
width: 68%;
font-size: 14px;
line-height: 1.7;
}
.side-contents li .side-text a:hover {
text-decoration: underline;
}
.side-contents li .side-date {
margin: -3px 0 13px;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 4px;
font-size: 13px;
}
div.press {
padding: 2px 7px;
background: #FF5800;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
div.column {
padding: 2px 7px;
background: #E50012;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
div.event,
div.column-2,
div.report,
div.uncategorized,
div.feature,
div.contact {
padding: 2px 7px;
background: #036EB8;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
.press-top-contents {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.press-top-contents li {
margin: 0 0 70px;
padding: 0;
width: 31%;
}
.press-top-contents li .press-img {
width: 100%;
height: 160px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.press-top-contents li .press-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.press-top-contents li .press-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.press-top-contents li .press-top-date {
margin: 15px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.press-top-contents li .press-top-title {
margin: 10px 0 0;
padding: 0;
background-position: 0 7px;
font-size: 16px;
font-weight: bold;
line-height: 1.7;
}
.press-top-contents li .press-top-title a:hover {
text-decoration: underline;
}
.pressrelease-top-contents {
margin: 0 auto;
padding: 40px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pressrelease-top-contents li {
margin: 0 0 70px;
padding: 0;
width: 31%;
}
.pressrelease-top-contents li .press-img {
width: 100%;
height: 160px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.pressrelease-top-contents li .press-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.pressrelease-top-contents li .press-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.pressrelease-top-contents li .press-img div.press {
padding: 2px 7px;
background: #FF5800;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
.pressrelease-top-contents li .press-img div.column {
padding: 2px 7px;
background: #E50012;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
.pressrelease-top-contents li .press-top-date {
margin: 15px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.pressrelease-top-contents li .press-top-title {
margin: 10px 0 0;
padding: 0;
background-position: 0 7px;
font-size: 16px;
font-weight: bold;
line-height: 1.7;
}
.pressrelease-top-contents li .press-top-title a:hover {
text-decoration: underline;
}
@media screen and (max-width: 980px) {
.press-top-contents {
margin: 0 auto;
padding: 0 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.press-top-contents li {
margin: 0 0 40px;
padding: 0;
width: 100%;
}
.press-top-contents li .press-img {
width: 100%;
height: 200px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.press-top-contents li .press-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.press-top-contents li .press-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.press-top-contents li .press-img .press-top-category-press {
padding: 2px 7px;
background: #FF5800;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
.press-top-contents li .press-img .press-top-category-column {
padding: 2px 7px;
background: #E50012;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
.press-top-contents li .press-top-date {
margin: 15px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.press-top-contents li .press-top-title {
margin: 10px 0 0;
padding: 0;
background-position: 0 7px;
font-size: 16px;
font-weight: bold;
line-height: 1.7;
}
.press-top-contents li .press-top-title a:hover {
text-decoration: underline;
}
.pressrelease-top-contents {
margin: 30px auto 0;
padding: 0 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.pressrelease-top-contents li {
margin: 0 0 40px;
padding: 0;
width: 100%;
}
.pressrelease-top-contents li .press-img {
width: 100%;
height: 200px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.pressrelease-top-contents li .press-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.pressrelease-top-contents li .press-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.pressrelease-top-contents li .press-img .press-top-category-press {
padding: 2px 7px;
background: #FF5800;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
.pressrelease-top-contents li .press-img .press-top-category-column {
padding: 2px 7px;
background: #E50012;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
.pressrelease-top-contents li .press-top-date {
margin: 15px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.pressrelease-top-contents li .press-top-title {
margin: 10px 0 0;
padding: 0;
background-position: 0 7px;
font-size: 16px;
font-weight: bold;
line-height: 1.7;
}
.pressrelease-top-contents li .press-top-title a:hover {
text-decoration: underline;
}
}
.press-top-contents::after,
.pressrelease-top-contents::after {
display: block;
content: "";
width: 31%;
}
.page-navi {
margin: 0 0 50px;
padding: 0;
text-align: center;
}
.page-contents-title {
margin: 0;
padding: 0;
font-size: 34px;
font-weight: bold;
text-align: left;
line-height: 1.6;
}
@media screen and (max-width: 980px) {
.page-contents-title {
margin: 0;
padding: 0;
font-size: 22px;
font-weight: bold;
text-align: left;
line-height: 1.6;
}
}
.page-contents-date {
margin: 20px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 8px;
font-size: 14px;
}
.page-contents-eyecatch {
margin: 70px 0 0;
padding: 0;
}
@media screen and (max-width: 980px) {
.page-contents-eyecatch {
margin: 50px 0 0;
padding: 0;
}
}
.page-contents-textarea {
margin: 30px 0 0;
padding: 0;
text-align: left;
max-width: 100%; }
.page-contents-textarea h2.heading02 {
margin: 20px 0;
padding: 2px 0px 2px 20px;
font-size: 26px;
font-weight: bold;
line-height: 1.4;
position: relative;
}
.page-contents-textarea h2.heading02:before {
content: "";
position: absolute;
top: 5px;
left: 0px;
width: 8px;
height: calc(100% - 10px);
background-color: #036EB8;
border-radius: 4px;
}
.page-contents-textarea h3.heading03 {
margin: 20px 0;
font-weight: bold;
font-size: 20px;
line-height: 1.5;
}
@media screen and (max-width: 980px) {
.page-contents-textarea {
margin: 30px 0 0;
padding: 0;
text-align: left;
max-width: 100%;
}
.page-contents-textarea img {
width: 100%;
height: auto;
}
}
.page-category-area {
margin: 80px 0 0;
padding: 0;
text-align: left;
}
.page-category-area .cate-heading {
margin: 0;
padding: 0 0 0 25px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-category.svg) no-repeat;
background-position: 0 5px;
font-size: 14px;
font-weight: bold;
}
.page-category-area .cate-text {
margin: 0;
padding: 0;
font-size: 15px;
}
.page-category-area .cate-text a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.page-category-area .cate-text a::after {
position: absolute;
bottom: 3px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-category-area .cate-text a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.page-tag-area {
margin: 30px 0 0;
padding: 0;
text-align: left;
}
.page-tag-area .tag-heading {
margin: 0;
padding: 0 0 0 25px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-tag.svg) no-repeat;
background-position: 0 5px;
font-size: 14px;
font-weight: bold;
}
.page-tag-area .tag-button {
margin: 5px 10px 5px 0;
padding: 0 15px;
display: inline-block;
height: 28px;
text-align: center;
line-height: 25px;
border: 1px solid #ddd;
background-color: #F7F7F7;
font-size: 14px;
border-radius: 18px;
}
.page-tag-area .tag-button::before,
.page-tag-area .tag-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.page-tag-area .tag-button,
.page-tag-area .tag-button::before,
.page-tag-area .tag-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.page-tag-area .tag-button:hover {
border: 1px solid #036EB8;
background-color: #036EB8;
color: #fff;
}
.page-bottom-navi {
margin: 80px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page-bottom-navi .navi-left {
margin: 0;
padding: 0;
text-align: left;
width: 38%;
}
.page-bottom-navi .navi-left .navi-left-title {
margin: 0;
padding: 0 0 0 15px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-prev.svg) no-repeat;
background-position: 0 10px;
font-weight: bold;
}
.page-bottom-navi .navi-left .navi-left-title a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.page-bottom-navi .navi-left .navi-left-title a::after {
position: absolute;
bottom: 3px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-bottom-navi .navi-left .navi-left-title a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.page-bottom-navi .navi-left .navi-left-text {
margin: 0;
padding: 0;
font-size: 12px;
}
.page-bottom-navi .navi-left .navi-left-text a:hover {
text-decoration: underline;
}
.page-bottom-navi .navi-right {
margin: 0;
padding: 0;
text-align: right;
width: 38%;
}
.page-bottom-navi .navi-right .navi-right-title {
margin: 0;
padding: 0 15px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-next.svg) no-repeat;
background-position: right 10px;
font-weight: bold;
}
.page-bottom-navi .navi-right .navi-right-title a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.page-bottom-navi .navi-right .navi-right-title a::after {
position: absolute;
bottom: 3px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-bottom-navi .navi-right .navi-right-title a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.page-bottom-navi .navi-right .navi-right-text {
margin: 0;
padding: 0;
font-size: 12px;
text-align: left;
}
.page-bottom-navi .navi-right .navi-right-text a:hover {
text-decoration: underline;
}
@media screen and (max-width: 980px) {
.page-bottom-navi {
margin: 50px 0 0;
}
}
select {
padding: 10px 20px;
border-radius: 6px;
margin: 20px 0 0;
}
.appli-relate-base {
margin: 30px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.appli-relate-base li {
margin: 0 0 15px;
padding: 0 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ddd;
width: 47%;
}
.appli-relate-base li .relate-img {
width: 80px;
height: 80px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.appli-relate-base li .relate-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.appli-relate-base li .relate-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.appli-relate-base li .relate-text {
width: 68%;
font-size: 14px;
line-height: 1.7;
}
.appli-relate-base li .relate-text a:hover {
text-decoration: underline;
}
.appli-relate-base li .relate-date {
margin: -3px 0 13px;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 4px;
font-size: 13px;
}
@media screen and (max-width: 980px) {
.appli-relate-base {
margin: 30px 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.appli-relate-base li {
margin: 0 0 15px;
padding: 0 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ddd;
width: 100%;
}
} .pagination {
clear: both;
padding: 0;
position: relative;
font-size: 14px;
line-height: 14px;
text-align: center;
}
.pagination-box {
display: inline-block;
}
.pagination span, .pagination a {
display: block;
float: left;
margin: 20px 8px 0;
padding: 10px 12px 10px 12px;
text-decoration: none;
width: auto;
color: #333;
border-radius: 3px; background: #F2F7FA;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc; }
.pagination a:hover {
color: #fff; background: #036EB8; }
.pagination .current {
padding: 10px 12px 10px 12px;
color: #fff; background: #036EB8; } .search-error {
margin: 100px 0 150px;
text-align: center;
}
.search-result-contents {
margin: 40px 0 0;
padding: 0;
}
.search-result-contents li {
margin: 0 0 20px;
padding: 0 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ccc;
}
.search-result-contents li .search-img {
width: 140px;
height: 100px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.search-result-contents li .search-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.search-result-contents li .search-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.search-result-contents li .search-title {
width: 80%;
font-size: 15px;
line-height: 1.6;
font-weight: bold;
}
.search-result-contents li .search-title a:hover {
text-decoration: underline;
}
.search-result-contents li .search-title .search-date {
margin: 5px 0 13px;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 4px;
font-size: 13px;
font-weight: normal;
}
@media screen and (max-width: 980px) {
.search-result-contents {
margin: 30px 0 0;
padding: 0;
}
.search-result-contents li {
margin: 0 0 20px;
padding: 0 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ccc;
}
.search-result-contents li .search-img {
width: 100px;
height: 80px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.search-result-contents li .search-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.search-result-contents li .search-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.search-result-contents li .search-title {
width: 63%;
font-size: 16px;
line-height: 1.7;
font-weight: bold;
}
.search-result-contents li .search-title a:hover {
text-decoration: underline;
}
.search-result-contents li .search-title .search-date {
margin: 5px 0 13px;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 4px;
font-size: 13px;
font-weight: normal;
}
.searchform {
position: relative;
}
.searchfield {
font-size: 18px;
width: 100%;
margin: 0px;
padding: 10px;
border: solid 1px #bbb;
border-radius: 4px;
background-color: #efefef;
}
.searchsubmit {
position: absolute;
top: -2px;
right: 10px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-search.svg) no-repeat right; background-size: 24px 24px;
width: 40px;
height: 45px;
border: none;
text-indent: -9999px;
}
}
.column-author-area {
margin: 50px 0 0;
padding: 30px 50px 40px;
background: #F2F2F2;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
.column-author-area .column-author-heading {
margin: 0;
padding: 0 0 10px;
border-bottom: 1px solid #036EB8;
font-size: 20px;
font-weight: bold;
}
.column-author-area .column-textarea {
margin: 30px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.column-author-area .column-image {
margin: 0;
padding: 0;
width: 120px;
}
.column-author-area .column-image img {
border-radius: 50%; width: 120px; height: 120px;
-o-object-fit: cover;
object-fit: cover;
}
.column-author-area .column-text {
margin: 0;
padding: 0;
width: 78%;
line-height: 1.7;
}
.column-author-area .column-text .column-author01 {
margin: 0 0 10px;
padding: 0;
font-size: 18px;
}
.column-author-area .column-text .column-link {
margin: 10px 0 0;
padding: 0 0 0 25px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-columnlink.svg) no-repeat;
background-position: 0 7px;
font-size: 15px;
}
@media screen and (max-width: 980px) {
.column-author-area {
margin: 50px 0 0;
padding: 20px 30px 30px;
background: #F2F2F2;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
.column-author-area .column-author-heading {
margin: 0;
padding: 0 0 10px;
border-bottom: 1px solid #036EB8;
font-size: 20px;
font-weight: bold;
}
.column-author-area .column-textarea {
margin: 30px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.column-author-area .column-image {
margin: 0 auto;
padding: 0;
width: 200px;
}
.column-author-area .column-image img {
border-radius: 50%; width: 200px; height: 200px;
-o-object-fit: cover;
object-fit: cover;
}
.column-author-area .column-text {
margin: 20px 0 0;
padding: 0;
width: 100%;
line-height: 1.7;
}
.column-author-area .column-text .column-author01 {
margin: 10px 0;
padding: 0;
font-size: 18px;
}
.column-author-area .column-text .column-link {
margin: 20px 0 0;
padding: 0 0 0 25px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-columnlink.svg) no-repeat;
background-position: 0 7px;
font-size: 15px;
}
}
.column-button-area {
margin: 10px 0 0;
padding: 0;
text-align: right;
}
@media screen and (max-width: 980px) {
.column-button-area {
margin: 30px 0 0;
padding: 0;
text-align: center;
}
}
.bosyu-list {
margin: 30px 0 0;
padding: 0;
font-size: 20px;
font-weight: bold;
}
.bosyu-list li {
margin: 20px 0;
padding: 0 0 0 35px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-check-blue.svg) no-repeat;
background-position: 0 10px;
}
.bottom-pagenation {
margin: 50px 0 0;
padding: 0;
}
.mailmagazine-thanks {
margin: 80px auto;
padding: 0;
max-width: 90%;
}
@media screen and (max-width: 980px) {
.mailmagazine-thanks {
margin: 50px auto;
padding: 0;
max-width: 90%;
}
} .page-contents-textarea {
word-break: break-all;         }
.page-contents-textarea hr {
margin-bottom: 16px;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid #e9e9e9;
}
.page-contents-textarea img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
.page-contents-textarea b,
.page-contents-textarea strong {
font-weight: bold;
}
.page-contents-textarea blockquote {
clear: both;
margin: 20px 0px 25px;
margin: 1.25rem 0rem 1.5625rem;
-webkit-box-shadow: 2px 2px 13px #eeeeee;
box-shadow: 2px 2px 13px #eeeeee;
border: 1px solid #e9e9e9;
border-left: 4px solid #46a28d;
padding: 20px 25px;
padding: 1.25rem 1.5625rem;
}
.page-contents-textarea blockquote p:last-child {
margin-bottom: 3px;
}
.page-contents-textarea blockquote cite {
font-style: normal;
margin-bottom: 16px;
margin-bottom: 1rem;
font-size: 13px;
}
.page-contents-textarea dfn,
.page-contents-textarea cite,
.page-contents-textarea em,
.page-contents-textarea i {
font-style: italic;
}
.page-contents-textarea figure {
margin: 0;
}
.page-contents-textarea address {
margin-bottom: 16px;
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
.page-contents-textarea tt,
.page-contents-textarea kbd,
.page-contents-textarea pre,
.page-contents-textarea code,
.page-contents-textarea samp,
.page-contents-textarea var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
background-color: #f8f9f9;
padding: 7px;
padding: 0.4375rem;
border-radius: 2px;
}
.page-contents-textarea pre {
overflow: auto;
white-space: pre-wrap;
max-width: 100%;
line-height: 1.7;
margin: 0px 0px 16px;
margin: 0rem 0rem 1rem;
padding: 16px;
padding: 1rem;
}
.page-contents-textarea details summary {
font-weight: bold;
margin-bottom: 16px;
margin-bottom: 1rem;
}
.page-contents-textarea details :focus {
outline: none;
}
.page-contents-textarea abbr,
.page-contents-textarea acronym,
.page-contents-textarea dfn {
cursor: help;
font-size: 15px;
font-size: 0.9375rem;
text-transform: uppercase;
border-bottom: 1px dotted #e9e9e9;
letter-spacing: 1px;
}
.page-contents-textarea mark {
background-color: #f8f9f9;
text-decoration: none;
}
.page-contents-textarea small {
font-size: 82%;
}
.page-contents-textarea big {
font-size: 125%;
}
.page-contents-textarea table {
width: 100%;
max-width: 100%;
margin-bottom: 16px;
margin-bottom: 1rem;
border: 1px solid #e9e9e9;
margin: 20px auto 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-contents-textarea table th,
.page-contents-textarea table td {
padding: 12px;
padding: 0.75rem;
line-height: 1.5;
vertical-align: top;
border: 1px solid #e9e9e9;
}
.page-contents-textarea table thead th,
.page-contents-textarea table thead td {
vertical-align: bottom;
border-bottom: 2px solid #e9e9e9;
}
.page-contents-textarea table tbody + tbody {
border-top: 2px solid #e9e9e9;
}
.page-contents-textarea .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.page-contents-textarea .alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.page-contents-textarea .aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.page-contents-textarea .clear:before,
.page-contents-textarea .clear:after,
.page-contents-textarea .entry-content:before,
.page-contents-textarea .entry-content:after,
.page-contents-textarea .comment-content:before,
.page-contents-textarea .comment-content:after,
.page-contents-textarea .site-header:before,
.page-contents-textarea .site-header:after,
.page-contents-textarea .site-content:before,
.page-contents-textarea .site-content:after,
.page-contents-textarea .site-footer:before,
.page-contents-textarea .site-footer:after {
content: "";
display: table;
}
.page-contents-textarea .clear:after,
.page-contents-textarea .entry-content:after,
.page-contents-textarea .comment-content:after,
.page-contents-textarea .site-header:after,
.page-contents-textarea .site-content:after,
.page-contents-textarea .site-footer:after {
clear: both;
}
.page-contents-textarea .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.page-contents-textarea .wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.page-contents-textarea .wp-caption .wp-caption-text, .page-contents-textarea .wp-caption-dd {
margin: 0.8075em 0;
font-style: italic;
}
.page-contents-textarea .wp-caption-text, .page-contents-textarea .wp-caption-dd {
text-align: center;
}
.page-contents-textarea .gallery {
margin-bottom: 1.5em;
}
.page-contents-textarea .gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.page-contents-textarea .gallery-columns-2 .gallery-item {
max-width: 50%;
}
.page-contents-textarea .gallery-columns-2 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.page-contents-textarea .gallery-columns-3 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-4 .gallery-item {
max-width: 25%;
}
.page-contents-textarea .gallery-columns-4 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-5 .gallery-item {
max-width: 20%;
}
.page-contents-textarea .gallery-columns-5 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.page-contents-textarea .gallery-columns-6 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.page-contents-textarea .gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.page-contents-textarea .gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.page-contents-textarea .gallery-caption {
display: block;
}
.page-contents-textarea .page-content .wp-smiley,
.page-contents-textarea .entry-content .wp-smiley,
.page-contents-textarea .comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.page-contents-textarea embed,
.page-contents-textarea iframe,
.page-contents-textarea object {
max-width: 100%;
}
.pagination {
margin: 20px auto 0;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} .pagination .page-numbers {
margin-right: 10px;
padding: 10px 12px;
color: #333;
border-radius: 3px;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
background: #f2f7fa;
}
.pagination .current {
padding: 10px 12px;
background: #036EB8;
color: #fff;
}
.pagination .prev,
.pagination .next {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #036EB8;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
background: #f2f7fa;
padding: 10px 12px;
color: #333;
border-radius: 3px;
}
.pagination .dots {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.partner-base {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.partner-base li {
margin: 60px 0 0;
padding: 0;
width: 47%;
text-align: left;
}
@media screen and (max-width: 980px) {
.partner-base {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.partner-base li {
margin: 40px 0 0;
padding: 0;
width: 100%;
text-align: left;
}
}
.partner-heading {
margin: 0 0 0;
padding: 0 0 10px;
border-bottom: 3px solid #002F7C;
font-size: 26px;
font-weight: bold;
}
.partner-box {
margin: 25px 0 0;
padding: 0 0 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.partner-box .partner-image {
margin: 0;
padding: 0;
width: 25%;
}
.partner-box .partner-image img {
width: 100%;
height: auto;
}
.partner-box .partner-text {
margin: -10px 0 0;
padding: 0;
width: 70%;
}
@media screen and (max-width: 980px) {
.partner-box {
margin: 25px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.partner-box .partner-image {
margin: 0;
padding: 0;
width: 25%;
}
.partner-box .partner-image img {
width: 100%;
height: auto;
}
.partner-box .partner-text {
margin: -10px 0 0;
padding: 0;
width: 70%;
}
}
.page-applisitemap-base {
margin: 0 auto;
padding: 80px 0 0 10%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 800px;
text-align: left;
}
.page-applisitemap-base li {
margin: 0;
padding: 0;
width: 50%;
}
.page-applisitemap-base .applisitemap-01 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-01.svg) no-repeat;
background-position: 3px 12px;
}
.page-applisitemap-base .applisitemap-02 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-02.svg) no-repeat;
background-position: 0 8px;
}
.page-applisitemap-base .applisitemap-03 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-03.svg) no-repeat;
background-position: 0 12px;
}
.page-applisitemap-base .applisitemap-04 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-04.svg) no-repeat;
background-position: 3px 10px;
}
.page-applisitemap-base .applisitemap-05 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-05.svg) no-repeat;
background-position: 0 10px;
}
.page-applisitemap-base .applisitemap-06 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-06.svg) no-repeat;
background-position: 0 10px;
position: relative;
}
.page-applisitemap-base .applisitemap-07 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-07.svg) no-repeat;
background-position: 0 12px;
position: relative;
}
.page-applisitemap-base .applisitemap-08 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-08.svg) no-repeat;
background-position: 3px 7px;
position: relative;
}
.page-applisitemap-base .applisitemap-08::after {
position: absolute;
top: 10%;
left: 115px;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);
}
.page-applisitemap-base .applisitemap-09 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-09.svg) no-repeat;
background-position: 2px 8px;
position: relative;
}
.page-applisitemap-base .applisitemap-09::after {
position: absolute;
top: 10%;
left: 215px;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);
}
.page-applisitemap-base .applisitemap-10 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-10.svg) no-repeat;
background-position: 2px 8px;
position: relative;
}
.page-applisitemap-base .applisitemap-01 a,
.page-applisitemap-base .applisitemap-02 a,
.page-applisitemap-base .applisitemap-03 a,
.page-applisitemap-base .applisitemap-04 a,
.page-applisitemap-base .applisitemap-05 a,
.page-applisitemap-base .applisitemap-06 a,
.page-applisitemap-base .applisitemap-07 a,
.page-applisitemap-base .applisitemap-08 a,
.page-applisitemap-base .applisitemap-09 a,
.page-applisitemap-base .applisitemap-10 a {
position: relative;
display: inline-block;
text-decoration: none;
}
.page-applisitemap-base .applisitemap-01 a::after,
.page-applisitemap-base .applisitemap-02 a::after,
.page-applisitemap-base .applisitemap-03 a::after,
.page-applisitemap-base .applisitemap-04 a::after,
.page-applisitemap-base .applisitemap-05 a::after,
.page-applisitemap-base .applisitemap-06 a::after,
.page-applisitemap-base .applisitemap-07 a::after,
.page-applisitemap-base .applisitemap-08 a::after,
.page-applisitemap-base .applisitemap-09 a::after,
.page-applisitemap-base .applisitemap-10 a::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #002F7C;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-applisitemap-base .applisitemap-01 a:hover::after,
.page-applisitemap-base .applisitemap-02 a:hover::after,
.page-applisitemap-base .applisitemap-03 a:hover::after,
.page-applisitemap-base .applisitemap-04 a:hover::after,
.page-applisitemap-base .applisitemap-05 a:hover::after,
.page-applisitemap-base .applisitemap-06 a:hover::after,
.page-applisitemap-base .applisitemap-07 a:hover::after,
.page-applisitemap-base .applisitemap-08 a:hover::after,
.page-applisitemap-base .applisitemap-09 a:hover::after,
.page-applisitemap-base .applisitemap-10 a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
@media screen and (max-width: 980px) {
.page-applisitemap-base {
margin: 0 auto;
padding: 60px 0 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 75%;
text-align: left;
}
.page-applisitemap-base li {
margin: 0;
padding: 0;
width: 100%;
}
} .u-mt-xxsmall {
margin: 5px 0 0;
}
.u-mt-xsmall {
margin: 10px 0 0;
}
.u-mt-small {
margin: 20px 0 0;
}
.u-mt {
margin: 30px 0 0;
}
.u-mt-large {
margin: 40px 0 0;
}
.u-mt-xlarge {
margin: 50px 0 0;
}
.u-mt-xxlarge {
margin: 60px 0 0;
}
.u-mt-xxxlarge {
margin: 100px 0 0;
}
.u-mr-xxsmall {
margin: 0 5px 0 0;
}
.u-mr-xsmall {
margin: 0 10px 0 0;
}
.u-mr-small {
margin: 0 20px 0 0;
}
.u-mr {
margin: 0 30px 0 0;
}
.u-mr-large {
margin: 0 40px 0 0;
}
.u-mr-xlarge {
margin: 0 50px 0 0;
}
.u-mr-xxlarge {
margin: 0 60px 0 0;
}
.u-mb-xxsmall {
margin: 0 0 5px 0;
}
.u-mb-xsmall {
margin: 0 0 10px 0;
}
.u-mb-small {
margin: 0 0 20px 0;
}
.u-mb {
margin: 0 0 30px 0;
}
.u-mb-large {
margin: 0 0 40px 0;
}
.u-mb-xlarge {
margin: 0 0 50px 0;
}
.u-mb-xxlarge {
margin: 0 0 60px 0;
}
.u-ml-xxsmall {
margin: 0 0 0 5px;
}
.u-ml-xsmall {
margin: 0 0 0 10px;
}
.u-ml-small {
margin: 0 0 0 20px;
}
.u-ml {
margin: 0 0 0 30px;
}
.u-ml-large {
margin: 0 0 0 40px;
}
.u-ml-xlarge {
margin: 0 0 0 50px;
}
.u-ml-xxlarge {
margin: 0 0 0 60px;
} .align_c {
text-align: center;
}
.align_r {
text-align: right;
}
.align_l {
text-align: left;
}
.flo_l {
float: left;
}
.flo_r {
float: right;
}
.cboth {
clear: both;
}
span.suptext {
font-size: 75.5%;
vertical-align: top;
position: relative;
top: -0.1em;
}
span.subtext {
font-size: 75.5%;
vertical-align: bottom;
position: relative;
top: 0.1em;
} a {
color: #000;
}
a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none !important;
cursor: pointer;
}
.link a {
color: #036EB8;
}
.link a:hover {
text-decoration: underline;
color: #036EB8;
}
a.link {
color: #036EB8;
}
a:hover.link {
text-decoration: underline;
color: #036EB8;
} .header {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 80px;
padding: 0;
background: none;
z-index: 9999;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.header .inbox {
margin: 0 auto;
padding: 0 1%;
width: 98%;
text-align: left;
top: 0;
position: relative;
background: none;
height: 80px;
}
.header .inbox .h-logoarea {
margin: 20px 0 0;
padding: 0;
text-align: left;
display: inline-block;
width: 275px;
vertical-align: top;
}
.header .inbox .h-logoarea img {
width: 100%;
}
.header .inbox .h-logoarea img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none;
}
.header .inbox .h-rightbox {
margin: 0 80px 0 0;
padding: 0;
max-width: 710px;
float: right;
} .header-appli {
margin: 0;
padding: 0;
width: 100%;
height: 80px;
padding: 0;
background: #fff;
z-index: 9999;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
position: fixed;
}
.header-appli .inbox {
margin: 0 auto;
padding: 0 1%;
width: 98%;
text-align: left;
top: 0;
background: none;
height: 80px;
}
.header-appli .inbox .h-logoarea {
margin: 18px 0 0;
padding: 0;
text-align: left;
display: inline-block;
width: 350px;
vertical-align: top;
}
.header-appli .inbox .h-logoarea img {
width: 100%;
}
.header-appli .inbox .h-logoarea img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none;
}
.header-appli .inbox .h-rightbox {
margin: 27px 0 0 30px;
padding: 0;
max-width: 340px;
display: inline-block;
font-size: 13px;
}
#gnav > ul {
display: table;
padding-left: 0;
right: 0;
margin: 5px 0 0;
}
#gnav > ul {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#gnav > ul > li:first-child {
display: table-cell;
padding: 0 60px 0 0;
margin: 0;
}
#gnav > ul > li {
display: table-cell;
padding: 0 50px 0 0;
margin: 0;
}
#gnav > ul > li img {
width: 90%;
}
#gnav > ul > li:hover {
color: #000;
cursor: pointer;
}
#gnav > ul > li:hover > a {
color: #000;
opacity: 1;
}
#gnav > ul > li:hover .menu {
max-height: 9999px;
opacity: 1;
}
#gnav > ul > li > a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 5px 0px 0 0;
position: relative;
display: inline-block;
text-decoration: none;
}
#gnav > ul > li > a::after {
position: absolute;
bottom: 4px;
left: 0;
content: "";
width: 90%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
#gnav > ul > li > a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
@media screen and (max-width: 1030px) {
#gnav > ul > li:first-child {
display: table-cell;
margin: 0px 0 0;
padding: 0px 40px 0 0;
}
#gnav > ul > li:first-child img {
width: 90%;
}
#gnav > ul > li {
display: table-cell;
margin: 0px 0 0;
padding: 0px 30px 0 0;
}
#gnav > ul > li img {
width: 90%;
}
} #headbar { position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 999;
}
#header-scroll {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 80px;
background: rgba(255, 255, 255, 0.8);
color: #000;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
border-bottom: 1px solid #ccc; }
#header-scroll .inbox {
margin: 0 auto;
padding: 0 1%;
width: 98%;
text-align: left;
top: 0;
position: relative;
background: none;
height: 80px;
}
#header-scroll .inbox .h-logoarea {
margin: 22px 0 0;
padding: 0;
text-align: left;
display: inline-block;
width: 275px;
vertical-align: top;
}
#header-scroll .inbox .h-logoarea img {
width: 100%;
}
#header-scroll .inbox .h-logoarea img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none;
}
#header-scroll .inbox .h-rightbox {
margin: 0 80px 0 0;
padding: 0;
max-width: 710px;
float: right;
}
#header-scroll #gnav-scroll > ul {
display: table;
padding-left: 0;
right: 0;
margin: 5px 0 0;
}
#header-scroll #gnav-scroll > ul {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#header-scroll #gnav-scroll > ul > li:first-child {
display: table-cell;
padding: 0 60px 0 0;
margin: 0;
}
#header-scroll #gnav-scroll > ul > li {
display: table-cell;
padding: 0 50px 0 0;
margin: 0;
}
#header-scroll #gnav-scroll > ul > li img {
width: 90%;
}
#header-scroll #gnav-scroll > ul > li:hover {
color: #000;
cursor: pointer;
}
#header-scroll #gnav-scroll > ul > li:hover > a {
color: #000;
opacity: 1;
}
#header-scroll #gnav-scroll > ul > li:hover .menu {
max-height: 9999px;
opacity: 1;
}
#header-scroll #gnav-scroll > ul > li > a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 5px 0px 0 0;
position: relative;
display: inline-block;
text-decoration: none;
}
#header-scroll #gnav-scroll > ul > li > a::after {
position: absolute;
bottom: 4px;
left: 0;
content: "";
width: 90%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
#header-scroll #gnav-scroll > ul > li > a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
#header-scroll .header-appli-scroll {
top: 0;
left: 0;
width: 100%;
height: 80px;
padding: 0;
background: none;
z-index: 9999;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
#header-scroll .header-appli-scroll .inbox {
margin: 0 auto;
padding: 0 1%;
width: 98%;
text-align: left;
top: 0;
background: none;
height: 80px;
}
#header-scroll .header-appli-scroll .inbox .h-logoarea {
margin: 18px 0 0;
padding: 0;
text-align: left;
display: inline-block;
width: 350px;
vertical-align: top;
}
#header-scroll .header-appli-scroll .inbox .h-logoarea img {
width: 100%;
}
#header-scroll .header-appli-scroll .inbox .h-logoarea img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none;
}
#header-scroll .header-appli-scroll .inbox .h-rightbox-scroll {
margin: 27px 0 0 30px;
padding: 0;
max-width: 340px;
display: inline-block;
font-size: 13px;
}
.appli-navi {
margin: 0;
padding: 5px 1% 2px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
width: 98%;
position: fixed;
top: 80px;
background: #fff;
z-index: 9999;
}
.appli-navi .applinavi-in {
margin: 0 auto;
padding: 0;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-weight: bold;
font-size: 14px;
}
.appli-navi .applinavi-in li {
margin: 0;
padding: 0;
}
.appli-navi .applinavi-in li > a.navi-link {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.appli-navi .applinavi-in li > a.navi-link::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #002F7C;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.appli-navi .applinavi-in li > a.navi-link:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.appli-navi .applinavi-in li > a.appservice {
padding: 0 0 0 23px;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-arrow-blk.svg) no-repeat;
background-position: 0 6px;
}
.appli-navi .applinavi-in li > a.appservice::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #002F7C;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.appli-navi .applinavi-in li > a.appservice:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.appli-navi .applinavi-in li a.navi-search:hover {
opacity: 0.5;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.appli-navi .applinavi-in li.navi-last {
margin: 0;
padding: 3px 0 0;
position: relative;         }
.appli-navi .applinavi-in li.navi-last .open-btn {
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-search.svg) no-repeat 20px 3px; background-size: 20px 20px;
width: 50px;
height: 30px;
cursor: pointer; }
.appli-navi .applinavi-in li.navi-last .open-btn.btnactive {
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon_close.svg) no-repeat 20px 3px; background-size: 18px 18px;
}
.appli-navi .applinavi-in li.navi-last #search-wrap {
position: absolute; top: 0;
right: 0;
z-index: -1; opacity: 0; width: 0; -webkit-transition: all 0.4s;
transition: all 0.4s; border-radius: 8px;
}
.appli-navi .applinavi-in li.navi-last #search-wrap.panelactive {
opacity: 1; z-index: 3; width: 280px;
padding: 20px;
top: 38px;
right: 0px;
background: #eee;
-webkit-box-shadow: 3px 3px 3px rgba(0, 47, 124, 0.5);
box-shadow: 3px 3px 3px rgba(0, 47, 124, 0.5);
}
.appli-navi .applinavi-in li.navi-last #search-wrap #searchform {
display: none; }
.appli-navi .applinavi-in li.navi-last #search-wrap.panelactive #searchform {
display: block; }
.appli-navi .applinavi-in li.navi-last #search-wrap input {
-webkit-appearance: none; outline: none;
cursor: pointer; color: #666;
}
.appli-navi .applinavi-in li.navi-last #search-wrap input[type=text] {
width: 100%;
border: none;
border-bottom: 2px solid #ccc;
-webkit-transition: all 0.5s;
transition: all 0.5s;
letter-spacing: 0.05em;
height: 46px;
padding: 10px;
}
.appli-navi .applinavi-in li.navi-last #search-wrap input[type=text]:focus {
background: #fff; }
.appli-navi .applinavi-in li.navi-last #search-wrap input[type=submit] {
position: absolute;
top: 12px;
right: 30px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-search.svg) no-repeat right; background-size: 20px 20px;
width: 30px;
height: 60px;
border: none;
text-indent: -9999px;
}
@media screen and (max-width: 980px) {
.sp-logo {
margin: 0;
padding: 14px 0 0;
text-align: left;
width: 230px;
}
.sp-logo img {
width: 100%;
height: auto;
} .drawer-spmenu-01 {
margin: 0;
padding: 20px 0 20px;
font-size: 20px;
border-bottom: 1px solid #ccc;
}
.drawer-spmenu-01 a {
color: #000;
}
.sp-menu-link-01 {
margin: 25px 0 0;
padding: 0 40px 0 0;
font-size: 18px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: 85px 13px;
}
.sp-menu-link-01 a {
color: #000;
}
.sp-menu-link-02 {
margin: 25px 0 0;
padding: 0 40px 0 0;
font-size: 18px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: 193px 13px;
}
.sp-menu-link-02 a {
color: #000;
}
.sp-menu-link-03 {
margin: 25px 0 0;
padding: 0;
font-size: 18px;
}
.sp-menu-link-03 a {
color: #000;
}
}
.footer-pagebottom-contact {
margin: 0;
padding: 60px 0;
min-height: 250px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-bg-pagebtm-contact.jpg) no-repeat;
background-size: cover;
background-position: center 0;
position: relative;
z-index: 0;
}
.footer-pagebottom-contact::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #036EB8;
opacity: 0.7;
display: block;
z-index: 0;
}
@media screen and (max-width: 980px) {
.footer-pagebottom-contact {
margin: 0;
padding: 80px 0 30px;
min-height: 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-bg-pagebtm-contact.jpg) no-repeat;
background-size: cover;
background-position: center top;
position: relative;
z-index: 0;
}
.footer-pagebottom-contact::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #036EB8;
opacity: 0.8;
display: block;
z-index: 0;
}
}
.footter-pagebottom-heading {
margin: 60px auto 50px;
padding: 0;
font-size: 30px;
text-align: center;
}
@media screen and (max-width: 980px) {
.footter-pagebottom-heading {
margin: 60px auto 30px;
padding: 0;
font-size: 30px;
text-align: center;
}
}
.footer-base-area {
margin: 0;
padding: 50px 0 50px;
background: #F2F7FA;
width: 100%;
text-align: left;
}
.footerbox {
margin: 0 auto;
padding: 0;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footerbox .footer-logo-area {
margin: 0 0 0 10px;
padding: 0;
width: 250px;
text-align: left;
}
.footerbox .footer-logo-area img {
width: 100%;
height: auto;
}
.footerbox .footer-menubox {
margin: 2px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 700px;
font-size: 15px;
}
.footer-contact-base {
margin: 20px auto 0;
padding: 0 0 0 10px;
max-width: 1200px;
text-align: left;
}
.footer-contact-base .footer-contact-box {
margin: 0;
padding: 15px 20px;
border: 1px solid #000;
max-width: 300px;
}
@media screen and (max-width: 980px) {
.footerbox .footer-logo-area {
margin: 30px 0 0 20px;
padding: 0;
width: 28%;
position: absolute;
top: 50px;
left: 0;
}
}
.f-menu {
position: relative;
width: 100%;
height: 20px;
max-width: 1050px;
margin: 0 auto;
}
.f-menu > li {
float: left;
width: 16.666%; height: 40px;
line-height: 50px;
background: rgba(255, 255, 255, 0);
}
.f-menu > li a {
display: block;
color: #000;
}
.f-menu > li a:hover {
color: #333;
}
ul.menu__second-level {
visibility: hidden;
opacity: 0;
z-index: 1;
}
.f-menu > li:hover {
background: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.menu__second-level li {
border-top: 1px solid #fff;
color: #fff;
}
.menu__second-level li a {
color: #000;
font-size: 85%;
padding: 10px 3px;
}
.menu__second-level li a:hover {
background: #eee;
} .f-menu:before,
.f-menu:after {
content: " ";
display: table;
}
.f-menu:after {
clear: both;
}
.f-menu {
*zoom: 1;
}
.f-menu > li.menu__single {
position: relative;
}
li.menu__single ul.menu__second-level {
position: absolute;
top: 20px;
width: 100%;
background: #036EB8;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
line-height: 1.2;
}
li.menu__single:hover ul.menu__second-level {
top: 40px;
visibility: visible;
opacity: 1;
}
.footer-copyright-box {
margin: 0 auto;
padding: 10px 0 10px 0;
text-align: left;
width: 100%;
background: #ddd;
}
.footer-copyright-box .inbox {
margin: 0 auto;
padding: 0;
font-size: 14px;
color: #000;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-copyright-box .footer-link-area {
margin: 0;
padding: 0;
width: 400px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: right;
}
.footer-copyright-box .footer-link {
margin: 0;
padding: 0 17px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: right 9px;
}
.footer-menulink a {
position: relative;
display: inline-block;
text-decoration: none;
}
.footer-menulink a::after {
position: absolute;
bottom: -2px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.footer-menulink a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.footer-appli-menulink a {
position: relative;
display: inline-block;
text-decoration: none;
}
.footer-appli-menulink a::after {
position: absolute;
bottom: -2px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #002F7C;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.footer-appli-menulink a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
@media screen and (max-width: 980px) {
.spfooterbox {
margin: 0;
padding: 60px 5% 30px;
width: 90%;
background: #F2F7FA;
}
.sp-contact-area {
margin: 30px auto 0;
padding: 20px;
border: 1px solid #000;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
.footer-tel {
margin: 20px 0 0;
padding: 0;
}
.footer-tel img {
width: 100%;
height: auto;
}
.sp-footer-menu {
margin: 10px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sp-footer-menu li {
margin: 30px 0 0;
padding: 0;
width: 49%;
text-align: left;
}
.sp-foorer-bottom {
margin: 0;
padding: 0;
background: #ddd;
text-align: left;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox {
margin: 0 auto;
padding: 30px 0 15px;
width: 90%;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-01 {
margin: 0;
padding: 0 20px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: 80px 10px;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-02 {
margin: 20px 0 0;
padding: 0 20px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: 180px 10px;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-03 {
margin: 20px 0 0;
padding: 0;
}
.sp-copyright {
margin: 50px 0 0;
padding: 0;
line-height: 1.6;
text-align: center;
font-size: 14px;
}
}
@media screen and (max-width: 980px) {
.sp-appli-footerbox {
margin: 0;
padding: 30px 5% 30px;
width: 90%;
background: #002F7C;
color: #fff;
}
.sp-appli-logonote {
margin: 0;
padding: 0;
text-align: center;
font-size: 14px;
}
.sp-appli-footer-menu {
margin: 10px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sp-appli-footer-menu li {
margin: 30px 0 0;
padding: 0;
width: 43%;
text-align: left;
font-size: 14px;
}
}
@media screen and (max-width: 980px) and (max-width: 980px) {
.sp-appli-footer-menu {
margin: 10px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sp-appli-footer-menu li {
margin: 30px 0 0;
padding: 0;
width: 43%;
text-align: left;
font-size: 14px;
}
.sp-appli-footer-menu li a {
color: #fff;
}
}
@media screen and (max-width: 980px) {
.sp-foorer-bottom {
margin: 0;
padding: 0;
background: #ddd;
text-align: left;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox {
margin: 0 auto;
padding: 30px 0 15px;
width: 90%;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-01 {
margin: 0;
padding: 0 20px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: 80px 10px;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-02 {
margin: 20px 0 0;
padding: 0 20px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: 180px 10px;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-03 {
margin: 20px 0 0;
padding: 0;
}
}
@media screen and (max-width: 980px) {
.sp-copyright {
margin: 50px 0 0;
padding: 0;
line-height: 1.6;
text-align: center;
font-size: 14px;
}
} .footer-appli-base-area {
margin: 0;
padding: 50px 1% 30px;
background: #002F7C;
width: 98%;
text-align: left;
color: #fff;
}
.footer-appli-box {
margin: 0 auto;
padding: 0;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-appli-box .footer-logo-area {
margin: 0;
padding: 0;
width: 300px;
text-align: left;
font-size: 14px;
line-height: 1.6;
}
.footer-appli-box .footer-logo-area img {
width: 100%;
height: auto;
}
.footer-appli-box .footer-menubox {
margin: 2px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 375px;
font-size: 15px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-appli-box .footer-menubox li {
margin: 0 0 10px;
}
.footer-appli-box .footer-menubox li .footer-applimenu {
margin: 0 0 20px;
}
.footer-appli-box .footer-menubox li .footer-applimenu > a {
color: #fff;
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.footer-appli-box .footer-menubox li .footer-applimenu > a::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #E50012;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.footer-appli-box .footer-menubox li .footer-applimenu > a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
} #page-top, #form-page-top {
position: fixed;
right: 12px;
z-index: 10;
}
#page-top a, #form-page-top a {
text-decoration: none;
display: block;
}
#page-top a:hover, #form-page-top a:hover {
text-decoration: none;
}
@media screen and (max-width: 980px) {
#sp-page-top, #spform-page-top {
position: fixed;
right: 15px;
z-index: 9;
margin: 0;
}
#sp-page-top a, #spform-page-top a {
text-decoration: none;
color: #fff;
width: 100%;
padding: 0;
text-align: center;
display: block;
}
#sp-page-top a:hover, #spform-page-top a:hover {
text-decoration: none;
}
#sp-page-top img, #spform-page-top img {
width: 100%;
}
}
.header-contact-button {
position: absolute;
right: 0;
display: inline-block;
width: 110px;
height: 80px;
text-align: center;
text-decoration: none;
line-height: 80px;
outline: none;
background-color: #F05454;
color: #fff;
vertical-align: top;
font-size: 16px;
padding: 13px 0 0;
}
.header-contact-button::before,
.header-contact-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.header-contact-button,
.header-contact-button::before,
.header-contact-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.header-contact-button:hover {
background-color: #ff9696;
}
@media screen and (max-width: 1380px) {
.header-contact-button {
position: absolute;
right: 0;
display: inline-block;
width: 110px;
height: 80px;
text-align: center;
text-decoration: none;
line-height: 25px;
outline: none;
background-color: #F05454;
color: #fff;
vertical-align: top;
font-size: 16px;
padding: 16px 5px 0;
}
}
.top-button {
position: relative;
display: inline-block;
padding: 15px 0;
background-color: #F05454;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 30px;
width: 640px;
border-radius: 50px;
}
.top-button::after {
position: absolute;
top: 12%;
right: 0.5em;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-arrow-wh.svg);
margin-top: -5px;
border-left-color: #fff;
}
.top-button:hover {
background-color: #ff9696;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.top-button:hover::after {
-webkit-animation: arrow 0.4s;
animation: arrow 0.4s;
}
@-webkit-keyframes arrow {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@keyframes arrow {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@media screen and (max-width: 980px) {
.top-button {
position: relative;
display: inline-block;
padding: 15px 0;
background-color: #F05454;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 22px;
width: 100%;
border-radius: 50px;
}
.top-button::after {
position: absolute;
top: 15%;
right: 0.5em;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sp-arrow-wh.svg);
margin-top: -5px;
border-left-color: #fff;
}
}
.top-contact-button {
position: relative;
display: inline-block;
padding: 15px 0;
background: none;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 30px;
width: 450px;
border-radius: 50px;
border: 1px solid #fff;
}
.top-contact-button::after {
position: absolute;
top: 12%;
right: 0.5em;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-arrow-wh.svg);
margin-top: -5px;
border-left-color: #fff;
}
.top-contact-button:hover {
background-color: rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.top-contact-button:hover::after {
-webkit-animation: arrow-contact 0.4s;
animation: arrow-contact 0.4s;
}
@-webkit-keyframes arrow-contact {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@keyframes arrow-contact {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@media screen and (max-width: 980px) {
.top-contact-button {
position: relative;
display: inline-block;
padding: 15px 0;
background: none;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 22px;
width: 100%;
border-radius: 50px;
border: 1px solid #fff;
margin: 0 0 50px;
}
.top-contact-button::after {
position: absolute;
top: 18%;
right: 0.5em;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sp-arrow-wh.svg);
margin-top: -5px;
border-left-color: #fff;
}
.top-contact-button:hover {
background-color: rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.top-contact-button:hover::after {
-webkit-animation: arrow-contact 0.4s;
animation: arrow-contact 0.4s;
}
@-webkit-keyframes arrow-contact {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@keyframes arrow-contact {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
}
.download-button {
display: inline-block;
width: 100%;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 54px;
outline: none;
background-color: #fff;
color: #036EB8;
border: 1px solid #036EB8;
border-radius: 8px;
margin: 20px 0 0;
}
.download-button::before,
.download-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.download-button,
.download-button::before,
.download-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.download-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
.page-back-button {
display: inline-block;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 52px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0 10px;
padding: 0 20px;
font-size: 18px;
}
.page-back-button::before,
.page-back-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.page-back-button,
.page-back-button::before,
.page-back-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.page-back-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.page-back-button {
display: inline-block;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 52px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 30px 10px 0;
padding: 0 20px;
font-size: 18px;
width: 100%;
}
.page-back-button::before,
.page-back-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.page-back-button,
.page-back-button::before,
.page-back-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.page-back-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
}
.faq-index-button {
display: inline-block;
height: 60px;
text-align: center;
text-decoration: none;
line-height: 58px;
outline: none;
background-color: #036EB8;
color: #fff;
border: 1px solid #036EB8;
border-radius: 8px;
margin: 0;
padding: 0 20px;
font-size: 22px;
width: 100%;
}
.faq-index-button::before,
.faq-index-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.faq-index-button,
.faq-index-button::before,
.faq-index-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.faq-index-button:hover {
color: #036EB8;
background-color: #fff;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.faq-index-button {
display: inline-block;
height: 60px;
text-align: center;
text-decoration: none;
line-height: 58px;
outline: none;
background-color: #036EB8;
color: #fff;
border: 1px solid #036EB8;
border-radius: 8px;
margin: 0;
padding: 0 20px;
font-size: 20px;
width: 100%;
}
}
.column-button {
display: inline-block;
height: 40px;
text-align: center;
text-decoration: none;
line-height: 38px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0 10px;
padding: 0 20px;
font-size: 16px;
}
.column-button::before,
.column-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.column-button,
.column-button::before,
.column-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.column-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.column-button {
display: inline-block;
height: 50px;
text-align: center;
text-decoration: none;
line-height: 48px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0;
padding: 0 20px;
font-size: 16px;
width: 100%;
}
.column-button::before,
.column-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.column-button,
.column-button::before,
.column-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.column-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
}
.partner-button {
display: inline-block;
height: 40px;
text-align: center;
text-decoration: none;
line-height: 38px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0 10px;
padding: 0 20px;
font-size: 16px;
position: absolute;
bottom: 0;
right: 0;
}
.partner-button::before,
.partner-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.partner-button,
.partner-button::before,
.partner-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.partner-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.partner-button {
display: block;
height: 40px;
text-align: center;
text-decoration: none;
line-height: 38px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 20px 0 0;
padding: 0 20px;
font-size: 16px;
position: relative;
}
}
.notfound-button {
display: inline-block;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 52px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0 10px;
padding: 0 20px;
font-size: 16px;
}
.notfound-button::before,
.notfound-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.notfound-button,
.notfound-button::before,
.notfound-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.notfound-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.notfound-button {
display: inline-block;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 52px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 30px 10px 0;
padding: 0 10px;
font-size: 15px;
width: 100%;
}
.notfound-button::before,
.notfound-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.notfound-button,
.notfound-button::before,
.notfound-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.notfound-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
}
.footer-entry-btn-area {
margin: 80px auto 0;
padding: 0;
max-width: 970px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-entry-btn-area li {
margin: 0;
padding: 0;
width: 400px;
}
@media screen and (max-width: 980px) {
.footer-entry-btn-area {
margin: 0 auto;
padding: 0;
width: 90%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-entry-btn-area li {
margin: 0;
padding: 0;
width: 100%;
}
} .formtb dl, .formtb dt, .formtb dd {
margin: 0;
padding: 0;
}
.formtb dl {
display: table;
border-style: none solid none solid;
width: 99%;
}
.formtb dl:last-child {
border-style: none solid solid solid;
}
.formtb dt {
display: table-cell;
vertical-align: top;
padding: 25px 0 10px;
}
.formtb dd {
display: table-cell;
padding: 20px 0;
text-align: left;
width: 75%;
vertical-align: middle;
}
@media screen and (max-width: 980px) {
.formtb {
margin: 0;
padding: 0;
}
.formtb dd {
margin: 0px 0 10px auto;
border-left: none;
padding: 0;
border-top: 0px;
width: 100%;
}
.formtb dl {
width: auto;
}
.formtb dt, .formtb dd, .formtb dl {
display: block;
}
}
.form-must {
width: 50px;
height: 24px;
margin-top: -12px;
margin-right: 10px;
font-size: 12px;
text-align: center;
line-height: 24px;
padding: 4px 7px;
border-radius: 6px;
background: #F05454;
color: #fff;
}
.downloadform-must {
margin: 30px 0 0;
padding: 0 0 0 55px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-must.svg) no-repeat;
background-position: 0 5px;
text-align: left;
}
.downloadform-must-01 {
margin: 15px 0 0;
padding: 0 0 0 55px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-must.svg) no-repeat;
background-position: 0 5px;
text-align: left;
}
.form-note {
margin: 2px 0 0;
padding: 0;
text-align: left;
font-size: 11px;
color: #555;
}
.input-01 {
width: 100%;
height: 50px;
border: 1px solid #e1e1e1;
background: #fff;
border-radius: 6px;
padding-left: 10px;
font-size: 15px;
}
.input-02 {
width: 35%;
height: 50px;
border: 1px solid #e1e1e1;
background: #fff;
border-radius: 6px;
padding-left: 10px;
font-size: 15px;
}
.form-date-txt {
font-size: 15px;
display: inline-block;
width: 20px;
margin: 0 15px 0 5px;
}
.inputmessage-01 {
width: 100%;
margin: 0;
height: 150px;
border: 1px solid #e1e1e1;
border-radius: 6px;
background: #fff;
padding: 10px;
font-size: 15px;
margin-left: 0;
}
.input-01a {
width: 100%;
height: 40px;
border: 1px solid #e1e1e1;
background: #fff;
border-radius: 6px;
padding-left: 10px;
font-size: 15px;
}
.input-02a {
width: 35%;
height: 50px;
border: 1px solid #e1e1e1;
background: #fff;
border-radius: 6px;
padding-left: 10px;
font-size: 15px;
}
.downloadform-button-area {
margin: 10px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.submit-button {
display: inline-block;
margin: 20px 0 0;
padding: 10px 0px;
background: #036EB8;
color: #fff;
width: 200px;
border: none;
font-size: 16px;
border-radius: 12px;
}
.submit-button:hover {
margin: 20px 0 0;
padding: 10px 0;
background: #0284de;
color: #fff;
width: 200px;
border: none;
font-size: 16px;
border-radius: 12px;
cursor: pointer;
}
.back-button {
display: inline-block;
margin: 20px 15px 0;
padding: 10px 0px;
background: #999;
color: #fff;
width: 100px;
border: none;
font-size: 16px;
border-radius: 12px;
}
.back-button:hover {
margin: 20px 15px 0;
padding: 10px 0;
background: #cccccc;
color: #fff;
width: 100px;
display: inline-block;
border: none;
font-size: 16px;
border-radius: 12px;
cursor: pointer;
}
.privacy-area {
margin: 5px 0 0;
padding: 0;
font-size: 14px;
text-align: center;
}
@media screen and (max-width: 980px) {
.privacy-area {
margin: 20px 0 0;
padding: 0;
font-size: 14px;
text-align: center;
}
}
@media screen and (max-width: 980px) {
.submit-button {
display: inline-block;
margin: 20px 0 0;
padding: 10px 0px;
background: #036EB8;
color: #fff;
width: 50%;
border: none;
font-size: 18px;
border-radius: 12px;
}
.submit-button:hover {
margin: 20px 0 0;
padding: 10px 0;
background: #0284de;
color: #fff;
width: 50%;
border: none;
font-size: 18px;
border-radius: 12px;
}
.back-button {
display: inline-block;
margin: 20px 3% 0 0;
padding: 10px;
background: #999;
color: #fff;
width: 25%;
border: none;
font-size: 18px;
border-radius: 12px;
}
.back-button:hover {
margin: 20px 3% 0 0;
padding: 10px;
background: #cccccc;
color: #fff;
width: 25%;
display: inline-block;
border: none;
font-size: 18px;
border-radius: 12px;
}
}
.mw_wp_form_confirm .formtb dd.input-text {
margin: 0;
padding: 10px 0 0;
}
.top-contents-title {
margin: 0;
padding: 0;
text-align: center;
font-size: 40px;
font-weight: bold;
color: #fff;
}
.top-contents-title-02 {
position: relative;
display: inline-block;
padding: 0 70px;
font-size: 40px;
font-weight: bold;
}
.top-contents-title-02:before,
.top-contents-title-02:after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}
.top-contents-title-02:before {
left: 0;
}
.top-contents-title-02:after {
right: 0;
}
@media screen and (max-width: 980px) {
.top-contents-title {
margin: 0;
padding: 0;
text-align: center;
font-size: 30px;
font-weight: bold;
color: #fff;
line-height: 1.5;
}
.top-contents-title-02 {
position: relative;
display: inline-block;
padding: 0;
font-size: 30px;
font-weight: bold;
line-height: 1.5;
}
.top-contents-title-02:before,
.top-contents-title-02:after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 0px;
background-color: black;
}
.top-contents-title-02:before {
left: 0;
}
.top-contents-title-02:after {
right: 0;
}
}
.top-about-heading {
margin: 0;
padding: 0;
font-size: 26px;
font-weight: bold;
color: #00ADE1;
line-height: 1.5;
position: absolute;
left: 80px;
top: 0;
}
.top-about-heading-02 {
margin: 0;
padding: 0;
font-size: 26px;
font-weight: bold;
color: #00ADE1;
line-height: 1.5;
position: absolute;
left: 80px;
top: 15px;
}
@media screen and (max-width: 1200px) {
.top-about-heading,
.top-about-heading-02 {
font-size: 22px;
}
} .appli-heading {
border-bottom: solid 3px #ddd;
position: relative;
font-size: 24px;
font-weight: bold;
}
.appli-heading:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #002F7C;
bottom: -3px;
width: 14%;
}
.appli-side-heading {
border-bottom: solid 3px #ddd;
position: relative;
font-size: 20px;
font-weight: bold;
margin: 30px 0 0;
}
.appli-side-heading:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #002F7C;
bottom: -3px;
width: 34%;
}
h2.page-heading {
margin: 20px 0;
padding: 3px 10px 3px 10px;
font-size: 26px;
font-weight: bold;
line-height: 1.4;
position: relative;
}
h2.page-heading:before {
content: "";
position: absolute;
top: 5px;
left: 0px;
width: 8px;
height: calc(100% - 10px);
background-color: #036EB8;
}
.appli-relate-heading,
.widgettitle {
margin: 30px 0 0;
padding: 0;
border-bottom: solid 3px #ddd;
position: relative;
font-size: 24px;
font-weight: bold;
}
.appli-relate-heading:after,
.widgettitle:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #002F7C;
bottom: -3px;
width: 14%;
}
@media screen and (max-width: 980px) {
.appli-relate-heading {
margin: 40px 0 0;
}
}
.appli-search-heading {
border-bottom: solid 3px #ddd;
position: relative;
font-size: 24px;
font-weight: bold;
}
.appli-search-heading :after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #002F7C;
bottom: -3px;
width: 14%;
}
@media screen and (max-width: 980px) {
.appli-search-heading {
border-bottom: solid 3px #ddd;
position: relative;
font-size: 24px;
font-weight: bold;
margin: 90px 0 0;
}
}
.bosyu-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 30px;
font-weight: bold;
color: #002F7C;
}
.bosyu-heading-base .bosyu-heading {
margin: 0;
padding: 10px 0 10px 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-bosyu.svg) no-repeat;
}
@media screen and (max-width: 980px) {
.bosyu-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 26px;
font-weight: bold;
color: #002F7C;
border-left: solid 15px #002F7C;
}
.bosyu-heading-base .bosyu-heading {
margin: 0;
padding: 10px 0 10px 20px;
background: none;
}
}
.partner-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 30px;
font-weight: bold;
color: #002F7C;
}
.partner-heading-base .partner-heading {
margin: 0;
padding: 10px 0 10px 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-partner.svg) no-repeat;
}
@media screen and (max-width: 980px) {
.partner-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 26px;
font-weight: bold;
color: #002F7C;
border-left: solid 15px #002F7C;
}
.partner-heading-base .partner-heading {
margin: 0;
padding: 10px 0 10px 20px;
background: none;
}
}
.mailmagazine-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 30px;
font-weight: bold;
color: #002F7C;
}
.mailmagazine-heading-base .mailmagazine-heading {
margin: 0;
padding: 10px 0 10px 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-mailmagazine.svg) no-repeat;
}
@media screen and (max-width: 980px) {
.mailmagazine-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 26px;
font-weight: bold;
color: #002F7C;
border-left: solid 15px #002F7C;
}
.mailmagazine-heading-base .mailmagazine-heading {
margin: 0;
padding: 10px 0 10px 20px;
background: none;
}
}
.applisitemap-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 30px;
font-weight: bold;
color: #002F7C;
}
.applisitemap-heading-base .applisitemap-heading {
margin: 0;
padding: 10px 0 10px 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap.svg) no-repeat;
}
@media screen and (max-width: 980px) {
.applisitemap-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 26px;
font-weight: bold;
color: #002F7C;
border-left: solid 15px #002F7C;
}
.applisitemap-heading-base .applisitemap-heading {
margin: 0;
padding: 10px 0 10px 20px;
background: none;
}
} .slider {
margin: 0;
padding: 0;
width: 100%;
height: 92vh;
position: relative;
}
@media screen and (max-width: 980px) {
.slider {
margin: 0;
padding: 0;
width: 100%;
height: 75vh;
position: relative;
}
}
.main-catch-area {
margin: 280px auto 0;
padding: 0;
max-width: 1200px;
position: relative;
}
.main-catch-area-02 {
margin: 280px auto 0;
padding: 0;
max-width: 1200px;
position: relative;
}
@media screen and (max-width: 980px) {
.main-catch-area {
margin: 200px auto 0;
padding: 0;
max-width: 90%;
position: relative;
}
.main-catch-area img {
width: 100%;
height: auto;
}
.main-catch-area-02 {
margin: 150px auto 0;
padding: 0;
max-width: 90%;
position: relative;
}
.main-catch-area-02 img {
width: 100%;
height: auto;
}
}
p.main-catch-01 {
border-right: solid 7px rgba(0, 173, 225, 0.8);
white-space: nowrap;
overflow: hidden;
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 40px;
color: #000;
text-align: left;
line-height: 1.3;
font-weight: bold;
text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px 0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
} p.main-catch-01 {
-webkit-animation: animated-text 1.2s steps(13, end) 1s 1 normal both, animated-cursor 2500ms steps(13, end) infinite;
animation: animated-text 1.2s steps(13, end) 1s 1 normal both, animated-cursor 2500ms steps(13, end) infinite;
} @-webkit-keyframes animated-text {
from {
width: 0;
}
to {
width: 530px;
}
}
@keyframes animated-text {
from {
width: 0;
}
to {
width: 530px;
}
} @-webkit-keyframes animated-cursor {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@keyframes animated-cursor {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
p.main-catch-02 {
border-right: solid 7px rgba(0, 173, 225, 0.9);
white-space: nowrap;
overflow: hidden;
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 40px;
color: #000;
text-align: left;
line-height: 1.3;
margin: 20px 0 0;
font-weight: bold;
text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px 0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
} p.main-catch-02 {
-webkit-animation: animated-text-02 1s steps(10, end) 1s 1 normal both, animated-cursor-02 2500ms steps(10, end) infinite;
animation: animated-text-02 1s steps(10, end) 1s 1 normal both, animated-cursor-02 2500ms steps(10, end) infinite;
} @-webkit-keyframes animated-text-02 {
from {
width: 0;
}
to {
width: 1150px;
}
}
@keyframes animated-text-02 {
from {
width: 0;
}
to {
width: 1150px;
}
} @-webkit-keyframes animated-cursor-02 {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@keyframes animated-cursor-02 {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@media screen and (max-width: 980px) {
p.main-catch-01 {
border-right: solid 7px rgba(0, 173, 225, 0.8);
white-space: nowrap;
overflow: hidden;
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 30px;
color: #000;
text-align: left;
line-height: 1.7;
font-weight: bold;
text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px 0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
} p.main-catch-01 {
-webkit-animation: animated-text 1.2s steps(13, end) 1s 1 normal both, animated-cursor 2500ms steps(13, end) infinite;
animation: animated-text 1.2s steps(13, end) 1s 1 normal both, animated-cursor 2500ms steps(13, end) infinite;
} @-webkit-keyframes animated-text {
from {
width: 0;
}
to {
width: 100%;
}
}
@keyframes animated-text {
from {
width: 0;
}
to {
width: 100%;
}
} @-webkit-keyframes animated-cursor {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@keyframes animated-cursor {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
p.main-catch-02 {
border-right: solid 7px rgba(0, 173, 225, 0.9);
white-space: nowrap;
overflow: hidden;
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 26px;
color: #000;
text-align: left;
line-height: 1.7;
margin: 0;
font-weight: bold;
text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px 0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
} p.main-catch-02 {
-webkit-animation: animated-text-02 1s steps(10, end) 1s 1 normal both, animated-cursor-02 2500ms steps(10, end) infinite;
animation: animated-text-02 1s steps(10, end) 1s 1 normal both, animated-cursor-02 2500ms steps(10, end) infinite;
} @-webkit-keyframes animated-text-02 {
from {
width: 0;
}
to {
width: 100%;
}
}
@keyframes animated-text-02 {
from {
width: 0;
}
to {
width: 100%;
}
} @-webkit-keyframes animated-cursor-02 {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@keyframes animated-cursor-02 {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
}
.main-bottom-area {
margin: 0;
padding: 15px 0;
background: rgba(245, 245, 245, 0.8);
position: absolute;
bottom: 0;
width: 100%;
}
.main-bottom-area .main-bottom-contents {
margin: 0 auto;
padding: 10px 0;
max-width: 1100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
font-size: 20px;
}
.main-bottom-area .main-bottom-contents .btm-box01 {
margin: 0;
padding: 0;
width: 30%;
line-height: 1.4;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-mainimg-bar.png) no-repeat;
background-position: 270px top;
}
.main-bottom-area .main-bottom-contents .btm-box02 {
margin: 0;
padding: 0;
width: 32%;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-mainimg-bar.png) no-repeat;
line-height: 1.4;
background-position: 285px top;
}
.main-bottom-area .main-bottom-contents .btm-box03 {
margin: 0;
padding: 0;
width: 38%;
line-height: 1.2;
} .slide-bottom {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all 1.3s 0s ease-out;
transition: all 1.3s 0s ease-out;
}
@-webkit-keyframes fade-in {
from {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fade-in {
from {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@media screen and (max-width: 980px) {
.swiper-container {
width: 100%;
}
.swiper-container .swiper-wrapper .swiper-slide {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.swiper-container .swiper-wrapper .swiper-slide p.text01 {
position: absolute;
top: 25%;
padding: 3%;
}
.swiper-container .swiper-wrapper .swiper-slide p.text01 img {
width: 100%;
height: auto;
}
.swiper-container .swiper-wrapper .swiper-slide p.text02 {
position: absolute;
top: 20%;
padding: 3%;
}
.swiper-container .swiper-wrapper .swiper-slide p.text02 img {
width: 100%;
height: auto;
}
.swiper-container .swiper-wrapper .swiper-slide-active p {
-webkit-animation-name: fade-in;
animation-name: fade-in;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
} .pickup-slider {
width: 1170px;
height: 245px;
margin: 0 auto;
}
.pickup-slider li {
color: #000;
height: 245px;
text-align: center;
position: relative;
border-left: 5px solid #F2F7FA;
}
.pickup-slider li img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 1200px) {
.pickup-slider {
width: 96%;
height: 245px;
margin: 0 auto;
}
.pickup-slider li {
color: #000;
height: 245px;
text-align: center;
position: relative;
border-left: 5px solid #F2F7FA;
}
.pickup-slider li img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
@media screen and (max-width: 980px) {
.pickup-slider {
width: 85%;
height: 200px;
margin: 0 auto;
}
.pickup-slider li {
height: 200px;
text-align: center;
position: relative;
border-left: 0px solid #fff;
}
.pickup-slider li img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.slide-pickup-area {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
color: #fff;
text-align: left;
padding: 10px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 980px) {
.slide-pickup-area {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
color: #fff;
text-align: left;
padding: 10px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
}
}
.slide-pickup-date {
margin: 0;
padding: 0 0 0 22px;
text-align: left;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-slidedate.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.slide-pickup-title {
margin: 5px 0 0;
padding: 0;
text-align: left;
line-height: 1.7;
}
.category-pickup {
padding: 2px 7px;
background: #FFBC2B;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
@media screen and (max-width: 980px) {
.category-pickup {
padding: 2px 7px;
background: #FFBC2B;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
} .txt12 {
font-size: 12px;
}
.txt13 {
font-size: 13px;
}
.txt14 {
font-size: 14px;
}
.txt15 {
font-size: 15px;
}
.txt16 {
font-size: 16px;
}
.txt18 {
font-size: 18px;
}
.txt20 {
font-size: 20px;
}
.txt22 {
font-size: 22px;
}
.txt24 {
font-size: 24px;
}
.txt26 {
font-size: 26px;
}
.txt28 {
font-size: 28px;
}
.txt30 {
font-size: 30px;
}
.txt32 {
font-size: 32px;
}
.txt34 {
font-size: 34px;
}
.txt36 {
font-size: 36px;
}
.txt38 {
font-size: 38px;
}
.txt40 {
font-size: 40px;
}
.txt46 {
font-size: 46px;
}
.txt50 {
font-size: 50px;
}
.txt56 {
font-size: 56px;
}
.txt60 {
font-size: 60px;
}
.text-bold {
font-weight: bold;
}
.text-udl {
text-decoration: underline;
}
.font-italic {
font-style: italic;
} .red {
color: #F05454;
}
.red-b {
color: #F05454;
font-weight: 700;
}
.blue {
color: #036EB8;
}
.blue-b {
color: #036EB8;
font-weight: 700;
}
.skyblue {
color: #00ADE1;
}
.skyblue-b {
color: #00ADE1;
font-weight: 700;
}
.gray {
color: #cccccc;
}
.darkgray {
color: #888;
}
.black {
color: #000000;
}   @font-face {
font-family: "Noto Sans JP";
font-style: normal;
font-weight: 400;
src: url(//ma-inc.jp/game_support/wp-content/themes/fonts/NotoSansJP-Regular.woff) format("woff");
font-display: swap;
} @font-face {
font-family: "Noto Sans JP";
font-style: normal;
font-weight: 700;
src: url(//ma-inc.jp/game_support/wp-content/themes/fonts/NotoSansJP-Bold.woff) format("woff");
font-display: swap;
}
html {
margin: 0;
padding: 0;
border: 0;
font-size: 62.5%;
vertical-align: baseline;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-decoration: none;
}
body {
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0;
padding: 0;
font-size: 1.6rem;
text-align: center;
background: #fff;
line-height: 2;
color: #1d1d1d;
font-display: swap;
}
.wrapper {
margin: 0;
padding: 0;
width: 100%;
overflow: hidden;
}
@media screen and (max-width: 980px) {
body {
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0;
padding: 0;
font-size: 1.6rem;
text-align: center;
background: #fff;
line-height: 2;
color: #000;
font-display: swap;
}
.wrapper {
margin: 0;
padding: 0;
width: 100%;
min-width: 100%;
overflow: hidden;
}
}
@media all and (-ms-high-contrast: none) {
body {
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0;
padding: 0;
font-size: 1.6rem;
text-align: center;
background: #fff;
line-height: 1.8;
color: #000;
font-display: swap;
}
}
* html body {
overflow: hidden;
} html {
visibility: hidden;
}
html.wf-active, html.loading-delay {
visibility: visible;
} #faq01, #faq02, #faq03 {
padding-top: 240px;
margin-top: -240px;
}
@media screen and (max-width: 980px) {
#faq01, #faq02, #faq03 {
padding-top: 102px;
margin-top: -102px;
}
}
#h2022, #h2021, #h2020, #h2019, #h2018, #h2011 {
padding-top: 100px;
margin-top: -100px;
}
.fixed {
overflow: auto;
height: 100%;
}  .is-pc {
display: block !important;
}
.is-sp {
display: none !important;
} @media screen and (max-width: 980px) {
.is-pc {
display: none !important;
}
.is-sp {
display: block !important;
}
} .is-header-pc {
display: block !important;
}
.is-header-sp {
display: none !important;
}
.drawer-navbar {
display: none;
} @media screen and (max-width: 980px) {
.is-header-pc {
display: none !important;
}
.is-header-sp {
display: block !important;
}
.drawer-navbar {
display: block !important;
}
}  .fadein {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(60px);
transform: translateY(60px);
-webkit-transition: all 1.5s;
transition: all 1.5s;
} .fadein.scrollin {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.fadein.scrollin:nth-of-type(1) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.fadein.scrollin:nth-of-type(2) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.fadein.scrollin:nth-of-type(3) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.fadein.scrollin:nth-of-type(4) {
-webkit-transition-delay: 0.4;
transition-delay: 0.4;
}
.fadein.scrollin:nth-of-type(5) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.fadein.scrollin:nth-of-type(6) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.fadein.scrollin:nth-of-type(7) {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.fadein.scrollin:nth-of-type(8) {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.fadein.scrollin:nth-of-type(9) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.fadein.scrollin:nth-of-type(10) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.fadein.scrollin:nth-of-type(11) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.fadein.scrollin:nth-of-type(12) {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s;
}
.fadein.scrollin:nth-of-type(13) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.fadein.scrollin:nth-of-type(14) {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
.fadein.scrollin:nth-of-type(15) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.fadein-pt02 {
opacity: 0;
-webkit-transition: all 2.5s;
transition: all 2.5s;
}
.fadein-pt02.active {
opacity: 1;
} .bread-area-appli span[property=name] {
display: inline-block;
padding: 0;
margin-top: -3px;
vertical-align: middle;
max-width: 1050px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media screen and (max-width: 1200px) {
.bread-area-appli span[property=name] {
display: inline-block;
padding: 0;
margin-top: -3px;
vertical-align: middle;
max-width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.bread-area {
margin: 0 auto;
padding: 20px 10px 0;
max-width: 1180px;
text-align: left;
font-size: 12px;
}
.bread-area a:hover {
text-decoration: underline;
}
@media screen and (max-width: 1200px) {
.bread-area {
margin: 0 auto;
padding: 20px 10px 0;
max-width: 1180px;
text-align: left;
font-size: 12px;
}
.bread-area a:hover {
text-decoration: underline;
}
}
.bread-area-02 {
margin: 120px auto 0;
padding: 20px 10px 0;
max-width: 1180px;
text-align: left;
font-size: 12px;
}
.bread-area-02 a:hover {
text-decoration: underline;
}
@media screen and (max-width: 1200px) {
.bread-area-02 {
margin: 80px auto 0;
padding: 0 10px;
max-width: 1180px;
text-align: left;
font-size: 12px;
}
.bread-area-02 a:hover {
text-decoration: underline;
}
}
@media screen and (max-width: 980px) {
.bread-area {
margin: 0;
padding: 30px 5% 0;
max-width: 90%;
text-align: left;
font-size: 14px;
}
}
.bread-area-notfound {
margin: 100px auto 0;
padding: 0;
max-width: 1200px;
text-align: left;
font-size: 12px;
}
.bread-area-appli {
margin: 140px auto 0;
padding: 0;
max-width: 1200px;
text-align: left;
font-size: 12px;
}
@media screen and (max-width: 1200px) {
.bread-area-notfound {
margin: 100px auto 0;
padding: 0;
max-width: 1200px;
text-align: left;
font-size: 12px;
}
}
@media screen and (max-width: 980px) {
.bread-area-notfound {
margin: 60px 0 0;
padding: 20px 5% 0;
max-width: 90%;
text-align: left;
font-size: 14px;
}
.bread-area-appli {
margin: 60px auto 0;
padding: 20px 5% 20px;
max-width: 90%;
text-align: left;
font-size: 14px;
}
}
div.scroll {
display: inline-block;
position: absolute;
left: 40px;
bottom: 0;
z-index: 2;
padding: 10px 10px 80px;
overflow: hidden;
color: #000;
font-size: 12px;
font-family: "Josefin Sans", sans-serif;
line-height: 1;
letter-spacing: 0.2em;
text-transform: uppercase;
text-decoration: none;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
}
div.scroll::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 1px;
height: 70px;
background: #000;
-webkit-animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
}
@-webkit-keyframes sdl {
0% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
30% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
70% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
100% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
}
@keyframes sdl {
0% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
30% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
70% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
100% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
}
@media screen and (max-width: 980px) {
div.scroll {
display: inline-block;
position: absolute;
left: 40px;
bottom: 0;
z-index: 2;
padding: 10px 10px 60px;
overflow: hidden;
color: #000;
font-size: 12px;
font-family: "Josefin Sans", sans-serif;
line-height: 1;
letter-spacing: 0.2em;
text-transform: uppercase;
text-decoration: none;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, 1px 0px 1px #fff, -1px 0px 1px #fff, 0px 1px 1px #fff, 0px -1px 1px #fff;
}
div.scroll::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 1px;
height: 50px;
background: #000;
-webkit-animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
}
@-webkit-keyframes sdl {
0% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
30% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
70% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
100% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
}
@keyframes sdl {
0% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
30% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
70% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
100% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
}
}
.bg-gray-01 {
background: rgba(3, 110, 184, 0.13);
}
.bg-gray-02 {
background: #f4f4f4;
}
.page-base {
margin: 0;
padding: 100px 0;
}
.page-base-02 {
margin: 0;
padding: 0;
background: #F2F7FA;
}
.page-base-download {
margin: 0;
padding: 100px 0 20px;
background: #fff;
}
.page-base-faq {
margin: 0;
padding: 100px 0;
background: #f1f1f1;
}
.page-case-area {
margin: 0;
padding: 100px 0 20px;
}
@media screen and (max-width: 980px) {
.page-base {
margin: 0 auto;
padding: 60px 0;
width: 90%;
}
.page-base-02 {
margin: 0 auto;
padding: 0;
background: #F2F7FA;
width: 100%;
}
.page-base-download {
margin: 0;
padding: 60px 0 20px;
background: #fff;
}
.page-case-area {
margin: 0;
padding: 60px 0 0;
}
}
.section-comp {
margin: 0;
padding: 0;
}
.section-comp-02 {
margin: 100px 0 0;
padding: 0;
}
.section-comp-03 {
margin: 100px 0 0;
padding: 0px;
}
.section-comp-04 {
margin: 0;
padding: 100px 0 150px;
}
.section-comp-05 {
margin: 100px 0 0;
padding: 60px 0 100px;
background: #fff;
}
.section-comp-06 {
margin: 0;
padding: 0 0 100px;
background: #fff;
}
@media screen and (max-width: 980px) {
.section-comp-02 {
margin: 60px 0 0;
padding: 0;
}
.section-comp-03 {
margin: 60px 0 0;
padding: 0;
}
.section-comp-04 {
margin: 0;
padding: 60px 0 0;
}
.section-comp-05 {
margin: 0;
padding: 60px 0;
background: #fff;
}
.section-comp-06 {
margin: 0;
padding: 0 0 60px;
background: #fff;
}
}
.contents-01 {
margin: 0 auto;
padding: 60px 0 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-point.jpg) no-repeat;
background-position: center top;
}
.contents-02 {
margin: 0 auto;
padding: 60px 0 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-example.jpg) no-repeat;
background-position: center top;
}
.contents-03 {
margin: 0 auto;
padding: 60px 0 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-case.jpg) no-repeat;
background-position: center top;
}
.contents-04 {
margin: 0 auto;
padding: 60px 0 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-plan.jpg) no-repeat;
background-position: center top;
}
.contents-base-01 {
margin: 60px auto 0;
padding: 100px 100px 30px;
max-width: 1200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
.contents-base-02 {
margin: 60px auto 0;
padding: 50px 100px 90px;
max-width: 1200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
@media screen and (max-width: 1200px) {
.contents-base-01 {
margin: 60px auto 0;
padding: 70px 100px 0px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
}
@media screen and (max-width: 980px) {
.contents-base-01 {
margin: 60px auto 0;
padding: 30px 30px 0px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
.contents-base-02 {
margin: 60px auto 0;
padding: 30px 30px 60px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
}
ul.point-area {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
}
ul.point-area li {
margin: 0 0 70px;
padding: 0;
width: 45%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
ul.point-area li .point-icon {
margin: 0 8% 0 0;
padding: 0;
width: 22%;
vertical-align: top;
}
ul.point-area li .point-icon img {
width: 100%;
height: auto;
}
ul.point-area li .point-text {
margin: 0;
padding: 0;
width: 67%;
vertical-align: top;
line-height: 1.8;
}
ul.point-area li .point-icon-02 {
margin: 0 8% 0 0;
padding: 0;
width: 18%;
vertical-align: top;
}
ul.point-area li .point-icon-02 img {
width: 100%;
height: auto;
}
ul.point-area li .point-text-02 {
margin: 0;
padding: 0;
width: 70%;
vertical-align: top;
line-height: 1.8;
}
@media screen and (max-width: 980px) {
ul.point-area {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
}
ul.point-area li {
margin: 0 0 40px;
padding: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
ul.point-area li .point-icon {
margin: 30px auto 0;
padding: 0;
width: 50%;
vertical-align: top;
}
ul.point-area li .point-icon img {
width: 100%;
height: auto;
}
ul.point-area li .point-text {
margin: 0;
padding: 0;
width: 100%;
vertical-align: top;
line-height: 1.8;
}
ul.point-area li .point-icon-02 {
margin: 30px auto 0;
padding: 0;
width: 40%;
vertical-align: top;
}
ul.point-area li .point-icon-02 img {
width: 100%;
height: auto;
}
ul.point-area li .point-text-02 {
margin: 0;
padding: 0;
width: 100%;
vertical-align: top;
line-height: 1.8;
}
}
.top-about-base {
margin: 80px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
max-width: 1200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
background-position: right top;
}
.top-about-base li.about-n01 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 27%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base li.about-n01:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n01.svg);
position: absolute;
right: 20px;
bottom: 0;
}
.top-about-base li.about-n02 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 27%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base li.about-n02:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n02.svg);
position: absolute;
right: 20px;
bottom: 0;
}
.top-about-base li.about-n03 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 30%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base li.about-n03:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n03.svg);
position: absolute;
right: 70px;
bottom: 0;
}
.top-about-base .top-about-text {
margin: 0;
padding: 0;
position: absolute;
font-size: 20px;
top: 100px;
left: 60px;
z-index: 2;
}
.top-about-base .top-about-text-02 {
margin: 0;
padding: 0;
position: absolute;
font-size: 20px;
top: 80px;
left: 60px;
z-index: 2;
}
.top-about-base-02 {
margin: 10px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
max-width: 1200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
background-position: right top;
}
.top-about-base-02 li.about-n04 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 27%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base-02 li.about-n04:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n04.svg);
position: absolute;
right: 20px;
bottom: 0;
}
.top-about-base-02 li.about-n05 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 27%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base-02 li.about-n05:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n05.svg);
position: absolute;
right: 20px;
bottom: 0;
}
.top-about-base-02 li.about-n06 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 30%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base-02 li.about-n06:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n06.svg);
position: absolute;
right: 70px;
bottom: 0;
}
.top-about-base-02 .top-about-text {
margin: 0;
padding: 0;
position: absolute;
font-size: 20px;
top: 100px;
left: 60px;
z-index: 2;
}
.top-about-base-02 .top-about-text-02 {
margin: 0;
padding: 0;
position: absolute;
font-size: 20px;
top: 80px;
left: 60px;
z-index: 2;
}
@media screen and (max-width: 980px) {
.sp-top-about-01 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n01.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-02 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n02.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-03 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n03.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-04 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n04.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-05 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n05.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-06 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n06.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-01:after,
.sp-top-about-02:after,
.sp-top-about-03:after,
.sp-top-about-04:after,
.sp-top-about-05:after {
content: "";
position: absolute;
bottom: 0;
left: 20%;
width: 60%;
height: 1px;
background-color: #000;
border-radius: 0px;
}
}
.page-button-area {
margin: 100px 0 0;
padding: 0;
}
.page-button-area-02 {
margin: 200px 0 0;
padding: 0;
}
@media screen and (max-width: 980px) {
.page-button-area,
.page-button-area-02 {
margin: 60px auto 0;
padding: 0;
width: 90%;
}
}
.top-example-lead {
margin: 20px 0 0;
padding: 0;
text-align: center;
font-size: 24px;
font-weight: bold;
}
@media screen and (max-width: 980px) {
.top-example-lead {
margin: 20px 0 0;
padding: 0;
text-align: left;
font-size: 20px;
font-weight: bold;
line-height: 1.5;
}
}
ul.top-example-contents {
margin: -20px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
max-width: 700px;
}
ul.top-example-contents li {
margin: 60px 0 30px;
width: 25%;
vertical-align: middle;
position: relative;
padding: 0 2%;
}
ul.top-example-contents li img {
width: 100%;
height: auto;
}
ul.top-example-contents li .text01 {
font-size: 22px;
font-weight: bold;
letter-spacing: -1px;
position: absolute;
bottom: -40px;
right: 0;
left: 0;
}
ul.top-example-contents li .text02 {
font-size: 22px;
font-weight: bold;
letter-spacing: -1px;
position: absolute;
bottom: -60px;
right: 0;
left: 0;
line-height: 1.3;
}
ul.top-example-contents li.icon04 {
margin: 0 0 0 30px;
width: 10%;
vertical-align: middle;
position: relative;
}
ul.top-example-contents li.icon04 img {
width: 100%;
height: auto;
}
@media screen and (max-width: 980px) {
ul.top-example-contents {
margin: 0px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
max-width: 700px;
}
ul.top-example-contents li {
margin: 40px 0 30px;
width: 48%;
vertical-align: middle;
position: relative;
padding: 0;
}
ul.top-example-contents li img {
width: 100%;
height: auto;
}
ul.top-example-contents li .text01 {
font-size: 20px;
font-weight: bold;
letter-spacing: -1px;
position: absolute;
bottom: -30px;
right: 0;
left: 0;
line-height: 1.3;
}
ul.top-example-contents li .text02 {
font-size: 20px;
font-weight: bold;
letter-spacing: -1px;
position: absolute;
bottom: -50px;
right: 0;
left: 0;
line-height: 1.3;
}
ul.top-example-contents li.icon04 {
margin: 0 0 0 30px;
width: 10%;
vertical-align: middle;
position: relative;
}
ul.top-example-contents li.icon04 img {
width: 100%;
height: auto;
}
}
.nayami-base01 {
margin: 50px auto 0;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1000px;
}
.nayami-base01 li {
margin: 0;
padding: 0;
width: 28%;
position: relative;
}
.nayami-base01 li .bubble-base {
margin: 0;
padding: 30px;
text-align: left;
background: #fff;
border-radius: 16px;
min-height: 180px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.nayami-base01 li .img-nayami {
margin: 0;
padding: 0;
position: absolute;
right: 0;
bottom: -100px;
}
.nayami-base02 {
margin: 150px auto 0;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 640px;
}
.nayami-base02 li {
margin: 0;
padding: 0;
width: 44%;
position: relative;
}
.nayami-base02 li .bubble-base {
margin: 0;
padding: 30px;
text-align: left;
background: #fff;
border-radius: 16px;
min-height: 180px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.nayami-base02 li .img-nayami {
margin: 0;
padding: 0;
position: absolute;
right: 0;
bottom: -100px;
}
.contents-case-base {
margin: 60px auto 0;
padding: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
max-width: 1200px;
}
.contents-case-base li.case-image {
margin: 0;
padding: 0;
width: 25%;
}
.contents-case-base li.case-image img {
width: 100%;
height: auto;
}
.contents-case-base li.case-text-area {
margin: 0;
padding: 0;
width: 70%;
text-align: left;
}
.contents-case-base li.case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 28px;
font-weight: bold;
color: #036EB8;
line-height: 1;
}
.contents-case-base li.case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.contents-case-base li.case-text-area .case-icon-02 {
margin: 10px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 140px;
font-size: 14px;
line-height: 1;
}
.contents-case-base li.case-text-area .case-text {
margin: 35px 20px 0 0;
padding: 0;
display: inline-block;
width: 120px;
font-size: 18px;
}
.contents-case-base li.case-text-area .case-text-02 {
margin: 35px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
.contents-case-base li.case-text-area .case-text-03 {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
@media screen and (max-width: 980px) {
.contents-case-base {
margin: 60px auto 0;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
max-width: 90%;
}
.contents-case-base li.case-image {
margin: 35px 0 0;
padding: 0;
width: 100%;
}
.contents-case-base li.case-image img {
width: 100%;
height: auto;
}
.contents-case-base li.case-text-area {
margin: 0;
padding: 0;
width: 100%;
text-align: left;
}
.contents-case-base li.case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 24px;
font-weight: bold;
color: #036EB8;
line-height: 1.4;
}
.contents-case-base li.case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.contents-case-base li.case-text-area .case-icon-02 {
margin: 5px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: block;
width: 140px;
font-size: 14px;
line-height: 1;
}
.contents-case-base li.case-text-area .case-text {
margin: 5px 20px 0 0;
padding: 0;
display: block;
width: 120px;
font-size: 18px;
}
.contents-case-base li.case-text-area .case-text-02 {
margin: 5px 20px 0 0;
padding: 0;
display: block;
width: 220px;
font-size: 18px;
}
.contents-case-base li.case-text-area .case-text-03 {
margin: 10px 20px 0 0;
padding: 0;
display: block;
width: 220px;
font-size: 18px;
}
}
.contents-case-base-02 {
margin: 80px auto 0;
padding: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
max-width: 1200px;
}
.contents-case-base-02 li.case-image {
margin: 0;
padding: 0;
width: 25%;
}
.contents-case-base-02 li.case-image img {
width: 100%;
height: auto;
}
.contents-case-base-02 li.case-text-area {
margin: 0;
padding: 0;
width: 70%;
text-align: left;
}
.contents-case-base-02 li.case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 28px;
font-weight: bold;
color: #036EB8;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-icon-02 {
margin: 10px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 140px;
font-size: 14px;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-text {
margin: 35px 20px 0 0;
padding: 0;
display: inline-block;
width: 150px;
font-size: 18px;
}
.contents-case-base-02 li.case-text-area .case-text-02 {
margin: 35px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
.contents-case-base-02 li.case-text-area .case-text-03 {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
@media screen and (max-width: 980px) {
.contents-case-base-02 {
margin: 60px auto 0;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
width: 90%;
}
.contents-case-base-02 li.case-image {
margin: 35px 0 0;
padding: 0;
width: 100%;
}
.contents-case-base-02 li.case-image img {
width: 100%;
height: auto;
}
.contents-case-base-02 li.case-text-area {
margin: 0;
padding: 0;
width: 100%;
text-align: left;
}
.contents-case-base-02 li.case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 24px;
font-weight: bold;
color: #036EB8;
line-height: 1.4;
}
.contents-case-base-02 li.case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-icon-02 {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 140px;
font-size: 14px;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-text {
margin: 5px 20px 0 0;
padding: 0;
display: inline-block;
width: 150px;
font-size: 18px;
}
.contents-case-base-02 li.case-text-area .case-text-02 {
margin: 5px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
.contents-case-base-02 li.case-text-area .case-text-03 {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
}
ul.plan-contents {
margin: 60px auto 0;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1000px;
}
ul.plan-contents li {
margin: 0;
padding: 0;
width: 280px;
height: 280px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
ul.plan-contents li .circle {
display: inline-block;
width: 280px;
height: 280px;
border-radius: 50%;
background: #fff;
text-align: center;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 70px 0 0;
}
@media screen and (max-width: 980px) {
ul.plan-contents {
margin: 60px auto 0;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 90%;
}
ul.plan-contents li {
margin: 0 auto;
padding: 0;
width: 280px;
min-height: 480px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
ul.plan-contents li .circle {
display: inline-block;
width: 280px;
height: 280px;
border-radius: 50%;
background: #fff;
text-align: center;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 70px 0 0;
}
} .top-faq-base {
margin: 60px auto 0;
padding: 0;
max-width: 1000px;
text-align: left;
}
@media screen and (max-width: 980px) {
.top-faq-base {
margin: 60px auto 0;
padding: 0;
width: 90%;
text-align: left;
}
}
.accordion-container .accordion-title {
position: relative;
margin: 0 auto;
padding: 30px 5% 30px 8%;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-question.svg) no-repeat;
background-position: 15px 30px;
font-size: 18px;
font-weight: normal;
color: #000;
cursor: pointer;
width: 87%;
border-top: 1px solid #ccc;
text-align: left;
}
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open {
background-color: none;
}
.accordion-container .accordion-title::before {
content: "";
position: absolute;
top: 50%;
right: 25px;
width: 15px;
height: 2px; -webkit-transform: rotate(90deg);
transform: rotate(90deg);
background: #ccc;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.accordion-container .accordion-title::after {
content: "";
position: absolute;
top: 50%;
right: 25px; width: 15px;
height: 2px;
background: #ccc;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.accordion-container .accordion-title.open::before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion-container .accordion-title.open::after {
opacity: 0;
}
.accordion-content {
display: none;
padding: 30px 5% 30px 8%;
background: #F4F4F4;
width: 87%;
position: relative;
text-align: left;
}
.accordion-content:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-answer.svg);
display: block;
padding: 0;
position: absolute;
left: 15px;
top: 28px;
}
@media screen and (max-width: 980px) {
.accordion-container .accordion-title {
position: relative;
margin: 0 auto;
padding: 30px 5% 30px 18%;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-question.svg) no-repeat;
background-position: 5px 30px;
font-size: 18px;
font-weight: normal;
color: #000;
cursor: pointer;
width: 77%;
border-top: 1px solid #ccc;
text-align: left;
}
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open {
background-color: none;
}
.accordion-container .accordion-title::before {
content: "";
position: absolute;
top: 50%;
right: 25px;
width: 15px;
height: 0px; -webkit-transform: rotate(90deg);
transform: rotate(90deg);
background: #ccc;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.accordion-container .accordion-title::after {
content: "";
position: absolute;
top: 50%;
right: 25px; width: 15px;
height: 0px;
background: #ccc;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.accordion-container .accordion-title.open::before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion-container .accordion-title.open::after {
opacity: 0;
}
.accordion-content {
display: none;
padding: 30px 5% 30px 18%;
background: #F4F4F4;
width: 77%;
position: relative;
text-align: left;
}
.accordion-content:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-answer.svg);
display: block;
padding: 0;
position: absolute;
left: 5px;
top: 28px;
}
}
.accordion-box {
border-bottom: 1px solid #ccc;
}  .movie-area {
margin: 60px 0 0;
padding: 0;
}
@media screen and (max-width: 980px) {
.movie-area {
margin: 60px auto 0;
padding: 0;
width: 90%;
}
}
.movie-youtube {
width: 700px;
margin: 0 auto;
}
.movie-youtube a {
border: 0px solid #fff;
display: block;
position: relative;
}
.movie-youtube a:hover {
opacity: 0.6;
}
.movie-youtube a::before {
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-youtube-red.png) center center/64px 45px no-repeat;
content: "";
display: block;
width: 100%; height: 60px; margin: -32px auto 0;
position: absolute;
top: 50%;
left: 0;
right: 0;
z-index: 1;
opacity: 0.8;
}
.movie-youtube a img {
margin: 0 auto;
text-align: center;
width: 100%;
border: 1px solid #ccc;
border-radius: 20px;
}
@media screen and (max-width: 980px) {
.movie-youtube {
width: 100%;
margin: 20px auto 0;
}
}
.sp-lead-base {
margin: 30px auto 0;
padding: 0;
background: #fff;
width: 90%;
}
.sp-lead-01 {
margin: 0;
padding: 0 0 0 30px;
font-size: 20px;
line-height: 1.3;
position: relative;
text-align: left;
}
.sp-lead-02 {
margin: 20px 0 0;
padding: 0 0 0 30px;
font-size: 20px;
line-height: 1.3;
position: relative;
text-align: left;
}
.sp-lead-01:before,
.sp-lead-02:before {
content: "";
position: absolute;
top: 5px;
left: 0px;
width: 8px;
height: calc(100% - 10px);
background-color: #00ADE1;
border-radius: 4px;
}
.sp-nayami-01 {
margin: 60px auto 0;
padding: 20px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-01:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-01.svg);
position: absolute;
bottom: -12px;
right: 15px;
}
.sp-nayami-02 {
margin: 60px auto 0;
padding: 20px 20px 20px 170px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-02:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-02.svg);
position: absolute;
bottom: -12px;
left: 15px;
}
.sp-nayami-03 {
margin: 60px auto 0;
padding: 20px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-03:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-03.svg);
position: absolute;
bottom: -12px;
right: 15px;
}
.sp-nayami-04 {
margin: 60px auto 0;
padding: 20px 20px 20px 170px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-04:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-04.svg);
position: absolute;
bottom: -12px;
left: 15px;
}
.sp-nayami-05 {
margin: 60px auto 0;
padding: 20px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-05:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-05.svg);
position: absolute;
bottom: -12px;
right: 15px;
}
.page-main-case {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-case.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-download {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-download.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-faq {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-faq.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-contact {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-contact.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-sitemap {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-sitemap.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
@media screen and (max-width: 980px) {
.page-main-case {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-case.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-download {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-download.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-faq {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-faq.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-contact {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-contact.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-sitemap {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-sitemap.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
}
.page-main-case::before,
.page-main-download::before,
.page-main-faq::before,
.page-main-contact::before,
.page-main-sitemap::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #036EB8;
opacity: 0.7;
display: block;
z-index: 0;
}
.pagetitle {
margin: 0;
padding: 0;
font-size: 40px;
color: #fff;
font-weight: bold;
position: absolute;
top: 35%;
left: 0;
right: 0;
}
@media screen and (max-width: 980px) {
.pagetitle {
margin: 0;
padding: 0;
font-size: 30px;
color: #fff;
font-weight: bold;
position: absolute;
top: 35%;
left: 0;
right: 0;
}
} .page-case-base {
margin: 0 auto 60px;
padding: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
max-width: 1200px;
}
.page-case-base-02 {
margin: 80px auto 0;
padding: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
max-width: 1200px;
}
@media screen and (max-width: 1200px) {
.page-case-base {
margin: 0 20px 60px;
padding: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
max-width: 1200px;
}
.page-case-base-02 {
margin: 80px 20px 0;
padding: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
max-width: 1200px;
}
}
@media screen and (max-width: 980px) {
.page-case-base {
margin: 0 auto 50px;
padding: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
width: 94%;
}
.page-case-base-02 {
margin: 60px auto 0;
padding: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
width: 94%;
}
}
.page-case-box {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page-case-box .case-image {
margin: 0;
padding: 0;
width: 22%;
}
.page-case-box .case-image img {
width: 100%;
height: auto;
}
.page-case-box .case-text-area {
margin: 0;
padding: 0;
width: 73%;
text-align: left;
}
.page-case-box .case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 28px;
font-weight: bold;
color: #036EB8;
line-height: 1;
}
.page-case-box .case-text-area .case-lead {
margin: 25px 0 0;
padding: 0;
font-size: 22px;
font-weight: bold;
line-height: 1.3;
}
.page-case-box .case-text-area .case-icon {
margin: 18px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.page-case-box .case-text-area .case-icon-02 {
margin: 18px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 140px;
font-size: 14px;
line-height: 1;
}
.page-case-box .case-text-area .case-text {
margin: 18px 20px 0 0;
padding: 0;
display: inline-block;
width: 550px;
font-size: 18px;
}
.page-case-box .case-text-area .case-text-02 {
margin: 18px 20px 0 0;
padding: 0;
display: inline-block;
width: 400px;
font-size: 18px;
}
@media screen and (max-width: 980px) {
.page-case-box {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-case-box .case-image {
margin: 0;
padding: 0;
width: 100%;
}
.page-case-box .case-image img {
width: 100%;
height: auto;
}
.page-case-box .case-text-area {
margin: 0;
padding: 0;
width: 100%;
text-align: left;
}
.page-case-box .case-text-area .case-heading {
margin: 25px 0 0;
padding: 0;
font-size: 24px;
font-weight: bold;
color: #036EB8;
line-height: 1.4;
}
.page-case-box .case-text-area .case-lead {
margin: 25px 0 0;
padding: 0;
font-size: 20px;
font-weight: bold;
line-height: 1.5;
}
.page-case-box .case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.page-case-box .case-text-area .case-icon-02 {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 140px;
font-size: 14px;
line-height: 1;
}
.page-case-box .case-text-area .case-text {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 550px;
font-size: 18px;
}
.page-case-box .case-text-area .case-text-02 {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 400px;
font-size: 18px;
}
}
.case-flow-area {
margin: 40px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.case-flow-area .flow-box {
margin: 0;
padding: 0;
width: 45%;
}
.case-flow-area .flow-arrow {
margin: 0;
padding: 0;
width: 10%;
text-align: center;
}
.case-flow-area .flow-bf-heading {
margin: 0;
padding: 5px;
background: #036EB8;
color: #fff;
font-size: 22px;
text-align: center;
border-radius: 16px 16px 0 0;
}
.case-flow-area .flow-bf-contents {
margin: 0;
padding: 20px;
background: #F2F7FA;
text-align: left;
border: 1px solid #036EB8;
border-radius: 0 0 16px 16px;
min-height: 160px;
}
.case-flow-area .flow-af-heading {
margin: 0;
padding: 5px;
background: #00ADE1;
color: #fff;
font-size: 22px;
text-align: center;
border-radius: 16px 16px 0 0;
}
.case-flow-area .flow-af-contents {
margin: 0;
padding: 20px;
background: #F2F7FA;
text-align: left;
border: 1px solid #00ADE1;
border-radius: 0 0 16px 16px;
min-height: 160px;
}
@media screen and (max-width: 980px) {
.case-flow-area {
margin: 40px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.case-flow-area .flow-box {
margin: 0;
padding: 0;
width: 100%;
}
.case-flow-area .flow-arrow {
margin: 0;
padding: 15px 0 10px;
width: 100%;
text-align: center;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.case-flow-area .flow-bf-heading {
margin: 0;
padding: 5px;
background: #036EB8;
color: #fff;
font-size: 22px;
text-align: center;
border-radius: 16px 16px 0 0;
}
.case-flow-area .flow-bf-contents {
margin: 0;
padding: 20px;
background: #F2F7FA;
text-align: left;
border: 1px solid #036EB8;
border-radius: 0 0 16px 16px;
}
.case-flow-area .flow-af-heading {
margin: 0;
padding: 5px;
background: #00ADE1;
color: #fff;
font-size: 22px;
text-align: center;
border-radius: 16px 16px 0 0;
}
.case-flow-area .flow-af-contents {
margin: 0;
padding: 20px;
background: #F2F7FA;
text-align: left;
border: 1px solid #00ADE1;
border-radius: 0 0 16px 16px;
}
}
.down-load-base {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
max-width: 1200px;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.down-load-base li {
margin: 0 0 80px;
padding: 0;
width: 30%;
text-align: left;
}
.down-load-base li .arc-download-title {
margin: 20px 0 0;
padding: 0;
font-size: 18px;
font-weight: bold;
}
.down-load-base li .arc-download-text {
margin: 20px 0 0;
padding: 0 0 10px;
font-size: 16px;
}
.down-load-base .download-img {
overflow: hidden;
cursor: pointer;
height: 220px;
}
.down-load-base .download-img img {
width: 100%;
height: auto;
}
.down-load-base .download-img img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.down-load-base .download-img:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
@media screen and (max-width: 980px) {
.down-load-base {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
width: 90%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.down-load-base li {
margin: 0 0 70px;
padding: 0;
width: 100%;
}
.down-load-base .sp-download-img {
width: 100%;
}
.down-load-base .sp-download-img img {
width: 100%;
height: auto;
}
}
.page-base-downloadform {
margin: 100px auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
max-width: 1000px;
}
.page-base-downloadform .downloadform-img {
margin: 0;
padding: 0;
width: 38%;
}
.page-base-downloadform .downloadform-img img {
width: 100%;
height: auto;
}
.page-base-downloadform .downloadform-base {
margin: 0;
padding: 30px 50px;
width: 52%;
border-radius: 20px;
background: #F4F4F4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-base-downloadform .downloadform-base .downloadform-heading {
margin: 0;
padding: 0 0 5px;
border-bottom: 1px solid #000;
text-align: center;
font-size: 26px;
font-weight: bold;
}
.page-base-downloadform .downloadform-base-01 {
margin: 0;
padding: 0;
width: 52%;
}
.page-base-downloadform .downloadform-base-01 .downloadform-heading {
margin: 0;
padding: 0;
text-align: center;
font-size: 20px;
font-weight: bold;
}
.page-base-downloadform .downloadform-base-01 .downloadform-box {
margin: 0;
padding: 10px 50px 30px;
border-radius: 20px;
background: #f4f4f4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-base-downloadform .downloadform-base-01 .downloadform-box .downloadform-heading-01 {
margin: 0;
padding: 0 0 5px;
border-bottom: 1px solid #000;
text-align: center;
font-size: 18px;
font-weight: bold;
}
@media screen and (max-width: 1000px) {
.page-base-downloadform {
margin: 100px 3%;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
max-width: 1000px;
}
}
@media screen and (max-width: 980px) {
.page-base-downloadform {
margin: 60px auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
width: 90%;
}
.page-base-downloadform .downloadform-img {
margin: 0;
padding: 0;
width: 100%;
}
.page-base-downloadform .downloadform-img img {
width: 100%;
height: auto;
}
.page-base-downloadform .downloadform-base-01 {
margin: 40px 0 0;
padding: 0;
width: 100%;
}
.page-base-downloadform .downloadform-base-01 .downloadform-heading {
margin: 0;
padding: 0;
text-align: center;
font-size: 20px;
font-weight: bold;
}
.page-base-downloadform .downloadform-base-01 .downloadform-box {
margin: 5px 0 0;
padding: 30px 30px 50px;
width: 100%;
border-radius: 20px;
background: #F4F4F4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.thanks-text {
margin: 30px 0 0;
padding: 0;
text-align: center;
}
@media screen and (max-width: 980px) {
.thanks-text {
margin: 30px 0 0;
padding: 0;
text-align: left;
}
}
.thanks-img {
margin: 0 auto;
padding: 0;
text-align: center;
}
@media screen and (max-width: 980px) {
.thanks-img {
margin: 0 auto;
padding: 0;
text-align: center;
}
.thanks-img img {
width: 100%;
height: auto;
}
}
.thanks-button-area {
margin: 80px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 1200px;
}
@media screen and (max-width: 980px) {
.thanks-button-area {
margin: 30px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 1200px;
}
}
#faq-index-base {
margin: 0;
padding: 0;
z-index: 999;
}
#faq-index-base.m_fixed {
left: 0;
position: fixed;
top: 80px;
border-bottom: 1px solid #ccc;
background: #F2F7FA;
width: 100%;
padding: 20px 0;
}
.faq-index-area {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 1200px;
}
.faq-index-area li {
margin: 0;
padding: 0;
width: 30%;
}
.faq-base {
margin: 100px auto 0;
padding: 60px 80px 80px;
border: 1px solid #036EB8;
max-width: 1200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
}
.faq-base .faq-heading {
margin: 0 0 50px;
padding: 0 0 5px;
text-align: center;
font-size: 26px;
font-weight: bold;
}
@media screen and (max-width: 980px) {
.faq-index-area {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.faq-index-area li {
margin: 0 0 25px;
padding: 0;
width: 100%;
}
.faq-base {
margin: 35px auto 0;
padding: 40px 20px 40px;
border: 1px solid #036EB8;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
}
.faq-base .faq-heading {
margin: 0 0 40px;
padding: 0 0 5px;
text-align: center;
font-size: 26px;
font-weight: bold;
}
}
.contact-base {
margin: 0 auto;
padding: 30px 70px 40px;
text-align: left;
max-width: 900px;
border-radius: 20px;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 980px) {
.contact-base {
margin: 0 auto;
padding: 20px 20px 30px;
text-align: left;
width: 100%;
border-radius: 20px;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.contact-form-area {
margin: 20px 0 0;
padding: 0;
}
.appli-contact-form-area {
margin: 50px 0 0;
padding: 40px 80px;
border: 0px solid #333;
border-radius: 20px;
background: #f4f4f4;
}
@media screen and (max-width: 980px) {
.appli-contact-form-area {
margin: 30px 0 0;
padding: 5px 20px 30px;
border: 0px solid #333;
border-radius: 20px;
background: #f4f4f4;
}
}
.page-sitemap-base {
margin: 0 auto;
padding: 100px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 800px;
text-align: left;
}
.page-sitemap-base li {
margin: 0;
padding: 0;
width: 50%;
}
.page-sitemap-base .sitemap-01 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-01.svg) no-repeat;
background-position: 0 6px;
}
.page-sitemap-base .sitemap-02 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-02.svg) no-repeat;
background-position: 0 6px;
}
.page-sitemap-base .sitemap-03 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-03.svg) no-repeat;
background-position: 0 6px;
}
.page-sitemap-base .sitemap-04 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-04.svg) no-repeat;
background-position: 0 10px;
}
.page-sitemap-base .sitemap-05 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-05.svg) no-repeat;
background-position: 0 8px;
}
.page-sitemap-base .sitemap-06 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-06.svg) no-repeat;
background-position: 0 6px;
position: relative;
}
.page-sitemap-base .sitemap-06::after {
position: absolute;
top: 10%;
left: 115px;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);
}
.page-sitemap-base .sitemap-07 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-07.svg) no-repeat;
background-position: 0 8px;
position: relative;
}
.page-sitemap-base .sitemap-07::after {
position: absolute;
top: 10%;
left: 215px;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);
}
.page-sitemap-base .sitemap-08 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-08.svg) no-repeat;
background-position: 0 8px;
}
.page-sitemap-base .sitemap-01 a,
.page-sitemap-base .sitemap-02 a,
.page-sitemap-base .sitemap-03 a,
.page-sitemap-base .sitemap-04 a,
.page-sitemap-base .sitemap-05 a,
.page-sitemap-base .sitemap-06 a,
.page-sitemap-base .sitemap-07 a,
.page-sitemap-base .sitemap-08 a {
position: relative;
display: inline-block;
text-decoration: none;
}
.page-sitemap-base .sitemap-01 a::after,
.page-sitemap-base .sitemap-02 a::after,
.page-sitemap-base .sitemap-03 a::after,
.page-sitemap-base .sitemap-04 a::after,
.page-sitemap-base .sitemap-05 a::after,
.page-sitemap-base .sitemap-06 a::after,
.page-sitemap-base .sitemap-07 a::after,
.page-sitemap-base .sitemap-08 a::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-sitemap-base .sitemap-01 a:hover::after,
.page-sitemap-base .sitemap-02 a:hover::after,
.page-sitemap-base .sitemap-03 a:hover::after,
.page-sitemap-base .sitemap-04 a:hover::after,
.page-sitemap-base .sitemap-05 a:hover::after,
.page-sitemap-base .sitemap-06 a:hover::after,
.page-sitemap-base .sitemap-07 a:hover::after,
.page-sitemap-base .sitemap-08 a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
@media screen and (max-width: 980px) {
.page-sitemap-base {
margin: 0 auto;
padding: 100px 0 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 75%;
text-align: left;
}
.page-sitemap-base li {
margin: 0;
padding: 0;
width: 100%;
}
}
.notfound-base {
margin: 100px 0 0;
padding: 0 0 100px;
background: #fff;
}
.notfound-img {
margin: 0 auto;
padding: 0;
text-align: center;
width: 350px;
}
.notfound-img img {
width: 100%;
height: auto;
}
@media screen and (max-width: 980px) {
.notfound-base {
margin: 0 auto;
padding: 100px 0 60px;
background: #fff;
width: 90%;
}
.notfound-img {
margin: 0 auto;
padding: 0;
text-align: center;
}
.notfound-img img {
width: 100%;
height: auto;
}
} .pickup-area {
margin: 122px 0 0;
padding: 40px 0;
width: 100%;
background: #F2F7FA;
-webkit-box-sizing: content-box;
box-sizing: content-box;
top: 180px;
}
.appli-base {
margin: 0 auto;
padding: 40px 0 150px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1200px;
}
.appli-base .appli-contents {
margin: 0;
padding: 0;
width: 69%;
text-align: left;
overflow: hidden;
}
.appli-base .appli-contents img {
overflow: hidden;
height: auto;
}
.appli-base .appli-side {
margin: 0;
padding: 0;
width: 27%;
text-align: left;
list-style: none;
}
.appli-base .appli-side img {
margin: 0 0 10px;
padding: 0;
width: 100%;
height: auto;
}
.appli-base .appli-side .side-banner {
margin: 0 0 15px;
padding: 0;
}
.appli-base .appli-side .side-banner img {
width: 100%;
height: auto;
}
.appli-base .appli-side .side-banner-02 {
margin: 20px 0 0;
padding: 0;
}
.appli-base .appli-side .side-banner-02 img {
width: 100%;
height: auto;
}
.appli-base-02 {
margin: 0 auto;
padding: 60px 10px 150px;
max-width: 1000px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.appli-base-02 .appli-contents-02 {
margin: 80px 0 0;
padding: 0;
text-align: left;
}
.appli-base-03 {
margin: 0 auto;
padding: 60px 10px 150px;
max-width: 1200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.appli-base-03 .appli-contents-03 {
margin: 20px 0 0;
padding: 0;
text-align: left;
}
@media screen and (max-width: 1200px) {
.appli-base {
margin: 0 auto;
padding: 60px 1% 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 98%;
}
.appli-base-02 {
margin: 0 auto;
padding: 60px 10px 100px;
max-width: 98%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.appli-base-02 .appli-contents-02 {
margin: 40px 0 0;
padding: 0;
text-align: left;
}
.appli-base-03 {
margin: 0 auto;
padding: 60px 10px 100px;
width: 98%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.appli-base-03 .appli-contents-03 {
margin: 40px 0 0;
padding: 0;
text-align: left;
}
}
@media screen and (max-width: 980px) {
.pickup-area {
margin: 60px 0 0;
padding: 20px 0;
width: 100%;
background: #F2F7FA;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.appli-base {
margin: 0 auto;
padding: 20px 0 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.appli-base .appli-contents {
margin: 0 auto;
padding: 0;
width: 90%;
text-align: left;
}
.appli-base .appli-side {
margin: 80px auto 0;
padding: 0;
width: 90%;
text-align: left;
}
.appli-base .appli-side .side-banner {
margin: 0 0 15px;
padding: 0;
}
.appli-base .appli-side .side-banner img {
width: 100%;
height: auto;
}
.appli-base .appli-side .side-banner-02 {
margin: 20px 0 0;
padding: 0;
}
.appli-base .appli-side .side-banner-02 img {
width: 100%;
height: auto;
}
}
.side-contents {
margin: 30px 0 0;
padding: 0;
}
.side-contents li {
margin: 0 0 15px;
padding: 0 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ddd;
}
.side-contents li .side-img {
width: 80px;
height: 80px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.side-contents li .side-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.side-contents li .side-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.side-contents li .side-text {
width: 68%;
font-size: 14px;
line-height: 1.7;
}
.side-contents li .side-text a:hover {
text-decoration: underline;
}
.side-contents li .side-date {
margin: -3px 0 13px;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 4px;
font-size: 13px;
}
div.press {
padding: 2px 7px;
background: #FF5800;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
div.column {
padding: 2px 7px;
background: #E50012;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
div.event,
div.column-2,
div.report,
div.uncategorized,
div.feature,
div.contact {
padding: 2px 7px;
background: #036EB8;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
.press-top-contents {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.press-top-contents li {
margin: 0 0 70px;
padding: 0;
width: 31%;
}
.press-top-contents li .press-img {
width: 100%;
height: 160px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.press-top-contents li .press-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.press-top-contents li .press-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.press-top-contents li .press-top-date {
margin: 15px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.press-top-contents li .press-top-title {
margin: 10px 0 0;
padding: 0;
background-position: 0 7px;
font-size: 16px;
font-weight: bold;
line-height: 1.7;
}
.press-top-contents li .press-top-title a:hover {
text-decoration: underline;
}
.pressrelease-top-contents {
margin: 0 auto;
padding: 40px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pressrelease-top-contents li {
margin: 0 0 70px;
padding: 0;
width: 31%;
}
.pressrelease-top-contents li .press-img {
width: 100%;
height: 160px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.pressrelease-top-contents li .press-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.pressrelease-top-contents li .press-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.pressrelease-top-contents li .press-img div.press {
padding: 2px 7px;
background: #FF5800;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
.pressrelease-top-contents li .press-img div.column {
padding: 2px 7px;
background: #E50012;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
.pressrelease-top-contents li .press-top-date {
margin: 15px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.pressrelease-top-contents li .press-top-title {
margin: 10px 0 0;
padding: 0;
background-position: 0 7px;
font-size: 16px;
font-weight: bold;
line-height: 1.7;
}
.pressrelease-top-contents li .press-top-title a:hover {
text-decoration: underline;
}
@media screen and (max-width: 980px) {
.press-top-contents {
margin: 0 auto;
padding: 0 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.press-top-contents li {
margin: 0 0 40px;
padding: 0;
width: 100%;
}
.press-top-contents li .press-img {
width: 100%;
height: 200px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.press-top-contents li .press-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.press-top-contents li .press-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.press-top-contents li .press-img .press-top-category-press {
padding: 2px 7px;
background: #FF5800;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
.press-top-contents li .press-img .press-top-category-column {
padding: 2px 7px;
background: #E50012;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
.press-top-contents li .press-top-date {
margin: 15px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.press-top-contents li .press-top-title {
margin: 10px 0 0;
padding: 0;
background-position: 0 7px;
font-size: 16px;
font-weight: bold;
line-height: 1.7;
}
.press-top-contents li .press-top-title a:hover {
text-decoration: underline;
}
.pressrelease-top-contents {
margin: 30px auto 0;
padding: 0 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.pressrelease-top-contents li {
margin: 0 0 40px;
padding: 0;
width: 100%;
}
.pressrelease-top-contents li .press-img {
width: 100%;
height: 200px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.pressrelease-top-contents li .press-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.pressrelease-top-contents li .press-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.pressrelease-top-contents li .press-img .press-top-category-press {
padding: 2px 7px;
background: #FF5800;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
.pressrelease-top-contents li .press-img .press-top-category-column {
padding: 2px 7px;
background: #E50012;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
.pressrelease-top-contents li .press-top-date {
margin: 15px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.pressrelease-top-contents li .press-top-title {
margin: 10px 0 0;
padding: 0;
background-position: 0 7px;
font-size: 16px;
font-weight: bold;
line-height: 1.7;
}
.pressrelease-top-contents li .press-top-title a:hover {
text-decoration: underline;
}
}
.press-top-contents::after,
.pressrelease-top-contents::after {
display: block;
content: "";
width: 31%;
}
.page-navi {
margin: 0 0 50px;
padding: 0;
text-align: center;
}
.page-contents-title {
margin: 0;
padding: 0;
font-size: 34px;
font-weight: bold;
text-align: left;
line-height: 1.6;
}
@media screen and (max-width: 980px) {
.page-contents-title {
margin: 0;
padding: 0;
font-size: 22px;
font-weight: bold;
text-align: left;
line-height: 1.6;
}
}
.page-contents-date {
margin: 20px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 8px;
font-size: 14px;
}
.page-contents-eyecatch {
margin: 70px 0 0;
padding: 0;
}
@media screen and (max-width: 980px) {
.page-contents-eyecatch {
margin: 50px 0 0;
padding: 0;
}
}
.page-contents-textarea {
margin: 30px 0 0;
padding: 0;
text-align: left;
max-width: 100%; }
.page-contents-textarea h2.heading02 {
margin: 20px 0;
padding: 2px 0px 2px 20px;
font-size: 26px;
font-weight: bold;
line-height: 1.4;
position: relative;
}
.page-contents-textarea h2.heading02:before {
content: "";
position: absolute;
top: 5px;
left: 0px;
width: 8px;
height: calc(100% - 10px);
background-color: #036EB8;
border-radius: 4px;
}
.page-contents-textarea h3.heading03 {
margin: 20px 0;
font-weight: bold;
font-size: 20px;
line-height: 1.5;
}
@media screen and (max-width: 980px) {
.page-contents-textarea {
margin: 30px 0 0;
padding: 0;
text-align: left;
max-width: 100%;
}
.page-contents-textarea img {
width: 100%;
height: auto;
}
}
.page-category-area {
margin: 80px 0 0;
padding: 0;
text-align: left;
}
.page-category-area .cate-heading {
margin: 0;
padding: 0 0 0 25px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-category.svg) no-repeat;
background-position: 0 5px;
font-size: 14px;
font-weight: bold;
}
.page-category-area .cate-text {
margin: 0;
padding: 0;
font-size: 15px;
}
.page-category-area .cate-text a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.page-category-area .cate-text a::after {
position: absolute;
bottom: 3px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-category-area .cate-text a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.page-tag-area {
margin: 30px 0 0;
padding: 0;
text-align: left;
}
.page-tag-area .tag-heading {
margin: 0;
padding: 0 0 0 25px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-tag.svg) no-repeat;
background-position: 0 5px;
font-size: 14px;
font-weight: bold;
}
.page-tag-area .tag-button {
margin: 5px 10px 5px 0;
padding: 0 15px;
display: inline-block;
height: 28px;
text-align: center;
line-height: 25px;
border: 1px solid #ddd;
background-color: #F7F7F7;
font-size: 14px;
border-radius: 18px;
}
.page-tag-area .tag-button::before,
.page-tag-area .tag-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.page-tag-area .tag-button,
.page-tag-area .tag-button::before,
.page-tag-area .tag-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.page-tag-area .tag-button:hover {
border: 1px solid #036EB8;
background-color: #036EB8;
color: #fff;
}
.page-bottom-navi {
margin: 80px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page-bottom-navi .navi-left {
margin: 0;
padding: 0;
text-align: left;
width: 38%;
}
.page-bottom-navi .navi-left .navi-left-title {
margin: 0;
padding: 0 0 0 15px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-prev.svg) no-repeat;
background-position: 0 10px;
font-weight: bold;
}
.page-bottom-navi .navi-left .navi-left-title a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.page-bottom-navi .navi-left .navi-left-title a::after {
position: absolute;
bottom: 3px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-bottom-navi .navi-left .navi-left-title a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.page-bottom-navi .navi-left .navi-left-text {
margin: 0;
padding: 0;
font-size: 12px;
}
.page-bottom-navi .navi-left .navi-left-text a:hover {
text-decoration: underline;
}
.page-bottom-navi .navi-right {
margin: 0;
padding: 0;
text-align: right;
width: 38%;
}
.page-bottom-navi .navi-right .navi-right-title {
margin: 0;
padding: 0 15px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-next.svg) no-repeat;
background-position: right 10px;
font-weight: bold;
}
.page-bottom-navi .navi-right .navi-right-title a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.page-bottom-navi .navi-right .navi-right-title a::after {
position: absolute;
bottom: 3px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-bottom-navi .navi-right .navi-right-title a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.page-bottom-navi .navi-right .navi-right-text {
margin: 0;
padding: 0;
font-size: 12px;
text-align: left;
}
.page-bottom-navi .navi-right .navi-right-text a:hover {
text-decoration: underline;
}
@media screen and (max-width: 980px) {
.page-bottom-navi {
margin: 50px 0 0;
}
}
select {
padding: 10px 20px;
border-radius: 6px;
margin: 20px 0 0;
}
.appli-relate-base {
margin: 30px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.appli-relate-base li {
margin: 0 0 15px;
padding: 0 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ddd;
width: 47%;
}
.appli-relate-base li .relate-img {
width: 80px;
height: 80px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.appli-relate-base li .relate-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.appli-relate-base li .relate-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.appli-relate-base li .relate-text {
width: 68%;
font-size: 14px;
line-height: 1.7;
}
.appli-relate-base li .relate-text a:hover {
text-decoration: underline;
}
.appli-relate-base li .relate-date {
margin: -3px 0 13px;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 4px;
font-size: 13px;
}
@media screen and (max-width: 980px) {
.appli-relate-base {
margin: 30px 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.appli-relate-base li {
margin: 0 0 15px;
padding: 0 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ddd;
width: 100%;
}
} .pagination {
clear: both;
padding: 0;
position: relative;
font-size: 14px;
line-height: 14px;
text-align: center;
}
.pagination-box {
display: inline-block;
}
.pagination span, .pagination a {
display: block;
float: left;
margin: 20px 8px 0;
padding: 10px 12px 10px 12px;
text-decoration: none;
width: auto;
color: #333;
border-radius: 3px; background: #F2F7FA;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc; }
.pagination a:hover {
color: #fff; background: #036EB8; }
.pagination .current {
padding: 10px 12px 10px 12px;
color: #fff; background: #036EB8; } .search-error {
margin: 100px 0 150px;
text-align: center;
}
.search-result-contents {
margin: 40px 0 0;
padding: 0;
}
.search-result-contents li {
margin: 0 0 20px;
padding: 0 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ccc;
}
.search-result-contents li .search-img {
width: 140px;
height: 100px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.search-result-contents li .search-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.search-result-contents li .search-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.search-result-contents li .search-title {
width: 80%;
font-size: 15px;
line-height: 1.6;
font-weight: bold;
}
.search-result-contents li .search-title a:hover {
text-decoration: underline;
}
.search-result-contents li .search-title .search-date {
margin: 5px 0 13px;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 4px;
font-size: 13px;
font-weight: normal;
}
@media screen and (max-width: 980px) {
.search-result-contents {
margin: 30px 0 0;
padding: 0;
}
.search-result-contents li {
margin: 0 0 20px;
padding: 0 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ccc;
}
.search-result-contents li .search-img {
width: 100px;
height: 80px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.search-result-contents li .search-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.search-result-contents li .search-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.search-result-contents li .search-title {
width: 63%;
font-size: 16px;
line-height: 1.7;
font-weight: bold;
}
.search-result-contents li .search-title a:hover {
text-decoration: underline;
}
.search-result-contents li .search-title .search-date {
margin: 5px 0 13px;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 4px;
font-size: 13px;
font-weight: normal;
}
.searchform {
position: relative;
}
.searchfield {
font-size: 18px;
width: 100%;
margin: 0px;
padding: 10px;
border: solid 1px #bbb;
border-radius: 4px;
background-color: #efefef;
}
.searchsubmit {
position: absolute;
top: -2px;
right: 10px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-search.svg) no-repeat right; background-size: 24px 24px;
width: 40px;
height: 45px;
border: none;
text-indent: -9999px;
}
}
.column-author-area {
margin: 50px 0 0;
padding: 30px 50px 40px;
background: #F2F2F2;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
.column-author-area .column-author-heading {
margin: 0;
padding: 0 0 10px;
border-bottom: 1px solid #036EB8;
font-size: 20px;
font-weight: bold;
}
.column-author-area .column-textarea {
margin: 30px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.column-author-area .column-image {
margin: 0;
padding: 0;
width: 120px;
}
.column-author-area .column-image img {
border-radius: 50%; width: 120px; height: 120px;
-o-object-fit: cover;
object-fit: cover;
}
.column-author-area .column-text {
margin: 0;
padding: 0;
width: 78%;
line-height: 1.7;
}
.column-author-area .column-text .column-author01 {
margin: 0 0 10px;
padding: 0;
font-size: 18px;
}
.column-author-area .column-text .column-link {
margin: 10px 0 0;
padding: 0 0 0 25px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-columnlink.svg) no-repeat;
background-position: 0 7px;
font-size: 15px;
}
@media screen and (max-width: 980px) {
.column-author-area {
margin: 50px 0 0;
padding: 20px 30px 30px;
background: #F2F2F2;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
.column-author-area .column-author-heading {
margin: 0;
padding: 0 0 10px;
border-bottom: 1px solid #036EB8;
font-size: 20px;
font-weight: bold;
}
.column-author-area .column-textarea {
margin: 30px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.column-author-area .column-image {
margin: 0 auto;
padding: 0;
width: 200px;
}
.column-author-area .column-image img {
border-radius: 50%; width: 200px; height: 200px;
-o-object-fit: cover;
object-fit: cover;
}
.column-author-area .column-text {
margin: 20px 0 0;
padding: 0;
width: 100%;
line-height: 1.7;
}
.column-author-area .column-text .column-author01 {
margin: 10px 0;
padding: 0;
font-size: 18px;
}
.column-author-area .column-text .column-link {
margin: 20px 0 0;
padding: 0 0 0 25px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-columnlink.svg) no-repeat;
background-position: 0 7px;
font-size: 15px;
}
}
.column-button-area {
margin: 10px 0 0;
padding: 0;
text-align: right;
}
@media screen and (max-width: 980px) {
.column-button-area {
margin: 30px 0 0;
padding: 0;
text-align: center;
}
}
.bosyu-list {
margin: 30px 0 0;
padding: 0;
font-size: 20px;
font-weight: bold;
}
.bosyu-list li {
margin: 20px 0;
padding: 0 0 0 35px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-check-blue.svg) no-repeat;
background-position: 0 10px;
}
.bottom-pagenation {
margin: 50px 0 0;
padding: 0;
}
.mailmagazine-thanks {
margin: 80px auto;
padding: 0;
max-width: 90%;
}
@media screen and (max-width: 980px) {
.mailmagazine-thanks {
margin: 50px auto;
padding: 0;
max-width: 90%;
}
} .page-contents-textarea {
word-break: break-all;         }
.page-contents-textarea hr {
margin-bottom: 16px;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid #e9e9e9;
}
.page-contents-textarea img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
.page-contents-textarea b,
.page-contents-textarea strong {
font-weight: bold;
}
.page-contents-textarea blockquote {
clear: both;
margin: 20px 0px 25px;
margin: 1.25rem 0rem 1.5625rem;
-webkit-box-shadow: 2px 2px 13px #eeeeee;
box-shadow: 2px 2px 13px #eeeeee;
border: 1px solid #e9e9e9;
border-left: 4px solid #46a28d;
padding: 20px 25px;
padding: 1.25rem 1.5625rem;
}
.page-contents-textarea blockquote p:last-child {
margin-bottom: 3px;
}
.page-contents-textarea blockquote cite {
font-style: normal;
margin-bottom: 16px;
margin-bottom: 1rem;
font-size: 13px;
}
.page-contents-textarea dfn,
.page-contents-textarea cite,
.page-contents-textarea em,
.page-contents-textarea i {
font-style: italic;
}
.page-contents-textarea figure {
margin: 0;
}
.page-contents-textarea address {
margin-bottom: 16px;
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
.page-contents-textarea tt,
.page-contents-textarea kbd,
.page-contents-textarea pre,
.page-contents-textarea code,
.page-contents-textarea samp,
.page-contents-textarea var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
background-color: #f8f9f9;
padding: 7px;
padding: 0.4375rem;
border-radius: 2px;
}
.page-contents-textarea pre {
overflow: auto;
white-space: pre-wrap;
max-width: 100%;
line-height: 1.7;
margin: 0px 0px 16px;
margin: 0rem 0rem 1rem;
padding: 16px;
padding: 1rem;
}
.page-contents-textarea details summary {
font-weight: bold;
margin-bottom: 16px;
margin-bottom: 1rem;
}
.page-contents-textarea details :focus {
outline: none;
}
.page-contents-textarea abbr,
.page-contents-textarea acronym,
.page-contents-textarea dfn {
cursor: help;
font-size: 15px;
font-size: 0.9375rem;
text-transform: uppercase;
border-bottom: 1px dotted #e9e9e9;
letter-spacing: 1px;
}
.page-contents-textarea mark {
background-color: #f8f9f9;
text-decoration: none;
}
.page-contents-textarea small {
font-size: 82%;
}
.page-contents-textarea big {
font-size: 125%;
}
.page-contents-textarea table {
width: 100%;
max-width: 100%;
margin-bottom: 16px;
margin-bottom: 1rem;
border: 1px solid #e9e9e9;
margin: 20px auto 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-contents-textarea table th,
.page-contents-textarea table td {
padding: 12px;
padding: 0.75rem;
line-height: 1.5;
vertical-align: top;
border: 1px solid #e9e9e9;
}
.page-contents-textarea table thead th,
.page-contents-textarea table thead td {
vertical-align: bottom;
border-bottom: 2px solid #e9e9e9;
}
.page-contents-textarea table tbody + tbody {
border-top: 2px solid #e9e9e9;
}
.page-contents-textarea .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.page-contents-textarea .alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.page-contents-textarea .aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.page-contents-textarea .clear:before,
.page-contents-textarea .clear:after,
.page-contents-textarea .entry-content:before,
.page-contents-textarea .entry-content:after,
.page-contents-textarea .comment-content:before,
.page-contents-textarea .comment-content:after,
.page-contents-textarea .site-header:before,
.page-contents-textarea .site-header:after,
.page-contents-textarea .site-content:before,
.page-contents-textarea .site-content:after,
.page-contents-textarea .site-footer:before,
.page-contents-textarea .site-footer:after {
content: "";
display: table;
}
.page-contents-textarea .clear:after,
.page-contents-textarea .entry-content:after,
.page-contents-textarea .comment-content:after,
.page-contents-textarea .site-header:after,
.page-contents-textarea .site-content:after,
.page-contents-textarea .site-footer:after {
clear: both;
}
.page-contents-textarea .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.page-contents-textarea .wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.page-contents-textarea .wp-caption .wp-caption-text, .page-contents-textarea .wp-caption-dd {
margin: 0.8075em 0;
font-style: italic;
}
.page-contents-textarea .wp-caption-text, .page-contents-textarea .wp-caption-dd {
text-align: center;
}
.page-contents-textarea .gallery {
margin-bottom: 1.5em;
}
.page-contents-textarea .gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.page-contents-textarea .gallery-columns-2 .gallery-item {
max-width: 50%;
}
.page-contents-textarea .gallery-columns-2 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.page-contents-textarea .gallery-columns-3 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-4 .gallery-item {
max-width: 25%;
}
.page-contents-textarea .gallery-columns-4 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-5 .gallery-item {
max-width: 20%;
}
.page-contents-textarea .gallery-columns-5 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.page-contents-textarea .gallery-columns-6 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.page-contents-textarea .gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.page-contents-textarea .gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.page-contents-textarea .gallery-caption {
display: block;
}
.page-contents-textarea .page-content .wp-smiley,
.page-contents-textarea .entry-content .wp-smiley,
.page-contents-textarea .comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.page-contents-textarea embed,
.page-contents-textarea iframe,
.page-contents-textarea object {
max-width: 100%;
}
.pagination {
margin: 20px auto 0;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} .pagination .page-numbers {
margin-right: 10px;
padding: 10px 12px;
color: #333;
border-radius: 3px;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
background: #f2f7fa;
}
.pagination .current {
padding: 10px 12px;
background: #036EB8;
color: #fff;
}
.pagination .prev,
.pagination .next {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #036EB8;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
background: #f2f7fa;
padding: 10px 12px;
color: #333;
border-radius: 3px;
}
.pagination .dots {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.partner-base {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.partner-base li {
margin: 60px 0 0;
padding: 0;
width: 47%;
text-align: left;
}
@media screen and (max-width: 980px) {
.partner-base {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.partner-base li {
margin: 40px 0 0;
padding: 0;
width: 100%;
text-align: left;
}
}
.partner-heading {
margin: 0 0 0;
padding: 0 0 10px;
border-bottom: 3px solid #002F7C;
font-size: 26px;
font-weight: bold;
}
.partner-box {
margin: 25px 0 0;
padding: 0 0 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.partner-box .partner-image {
margin: 0;
padding: 0;
width: 25%;
}
.partner-box .partner-image img {
width: 100%;
height: auto;
}
.partner-box .partner-text {
margin: -10px 0 0;
padding: 0;
width: 70%;
}
@media screen and (max-width: 980px) {
.partner-box {
margin: 25px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.partner-box .partner-image {
margin: 0;
padding: 0;
width: 25%;
}
.partner-box .partner-image img {
width: 100%;
height: auto;
}
.partner-box .partner-text {
margin: -10px 0 0;
padding: 0;
width: 70%;
}
}
.page-applisitemap-base {
margin: 0 auto;
padding: 80px 0 0 10%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 800px;
text-align: left;
}
.page-applisitemap-base li {
margin: 0;
padding: 0;
width: 50%;
}
.page-applisitemap-base .applisitemap-01 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-01.svg) no-repeat;
background-position: 3px 12px;
}
.page-applisitemap-base .applisitemap-02 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-02.svg) no-repeat;
background-position: 0 8px;
}
.page-applisitemap-base .applisitemap-03 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-03.svg) no-repeat;
background-position: 0 12px;
}
.page-applisitemap-base .applisitemap-04 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-04.svg) no-repeat;
background-position: 3px 10px;
}
.page-applisitemap-base .applisitemap-05 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-05.svg) no-repeat;
background-position: 0 10px;
}
.page-applisitemap-base .applisitemap-06 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-06.svg) no-repeat;
background-position: 0 10px;
position: relative;
}
.page-applisitemap-base .applisitemap-07 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-07.svg) no-repeat;
background-position: 0 12px;
position: relative;
}
.page-applisitemap-base .applisitemap-08 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-08.svg) no-repeat;
background-position: 3px 7px;
position: relative;
}
.page-applisitemap-base .applisitemap-08::after {
position: absolute;
top: 10%;
left: 115px;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);
}
.page-applisitemap-base .applisitemap-09 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-09.svg) no-repeat;
background-position: 2px 8px;
position: relative;
}
.page-applisitemap-base .applisitemap-09::after {
position: absolute;
top: 10%;
left: 215px;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);
}
.page-applisitemap-base .applisitemap-10 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-10.svg) no-repeat;
background-position: 2px 8px;
position: relative;
}
.page-applisitemap-base .applisitemap-01 a,
.page-applisitemap-base .applisitemap-02 a,
.page-applisitemap-base .applisitemap-03 a,
.page-applisitemap-base .applisitemap-04 a,
.page-applisitemap-base .applisitemap-05 a,
.page-applisitemap-base .applisitemap-06 a,
.page-applisitemap-base .applisitemap-07 a,
.page-applisitemap-base .applisitemap-08 a,
.page-applisitemap-base .applisitemap-09 a,
.page-applisitemap-base .applisitemap-10 a {
position: relative;
display: inline-block;
text-decoration: none;
}
.page-applisitemap-base .applisitemap-01 a::after,
.page-applisitemap-base .applisitemap-02 a::after,
.page-applisitemap-base .applisitemap-03 a::after,
.page-applisitemap-base .applisitemap-04 a::after,
.page-applisitemap-base .applisitemap-05 a::after,
.page-applisitemap-base .applisitemap-06 a::after,
.page-applisitemap-base .applisitemap-07 a::after,
.page-applisitemap-base .applisitemap-08 a::after,
.page-applisitemap-base .applisitemap-09 a::after,
.page-applisitemap-base .applisitemap-10 a::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #002F7C;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-applisitemap-base .applisitemap-01 a:hover::after,
.page-applisitemap-base .applisitemap-02 a:hover::after,
.page-applisitemap-base .applisitemap-03 a:hover::after,
.page-applisitemap-base .applisitemap-04 a:hover::after,
.page-applisitemap-base .applisitemap-05 a:hover::after,
.page-applisitemap-base .applisitemap-06 a:hover::after,
.page-applisitemap-base .applisitemap-07 a:hover::after,
.page-applisitemap-base .applisitemap-08 a:hover::after,
.page-applisitemap-base .applisitemap-09 a:hover::after,
.page-applisitemap-base .applisitemap-10 a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
@media screen and (max-width: 980px) {
.page-applisitemap-base {
margin: 0 auto;
padding: 60px 0 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 75%;
text-align: left;
}
.page-applisitemap-base li {
margin: 0;
padding: 0;
width: 100%;
}
} .u-mt-xxsmall {
margin: 5px 0 0;
}
.u-mt-xsmall {
margin: 10px 0 0;
}
.u-mt-small {
margin: 20px 0 0;
}
.u-mt {
margin: 30px 0 0;
}
.u-mt-large {
margin: 40px 0 0;
}
.u-mt-xlarge {
margin: 50px 0 0;
}
.u-mt-xxlarge {
margin: 60px 0 0;
}
.u-mt-xxxlarge {
margin: 100px 0 0;
}
.u-mr-xxsmall {
margin: 0 5px 0 0;
}
.u-mr-xsmall {
margin: 0 10px 0 0;
}
.u-mr-small {
margin: 0 20px 0 0;
}
.u-mr {
margin: 0 30px 0 0;
}
.u-mr-large {
margin: 0 40px 0 0;
}
.u-mr-xlarge {
margin: 0 50px 0 0;
}
.u-mr-xxlarge {
margin: 0 60px 0 0;
}
.u-mb-xxsmall {
margin: 0 0 5px 0;
}
.u-mb-xsmall {
margin: 0 0 10px 0;
}
.u-mb-small {
margin: 0 0 20px 0;
}
.u-mb {
margin: 0 0 30px 0;
}
.u-mb-large {
margin: 0 0 40px 0;
}
.u-mb-xlarge {
margin: 0 0 50px 0;
}
.u-mb-xxlarge {
margin: 0 0 60px 0;
}
.u-ml-xxsmall {
margin: 0 0 0 5px;
}
.u-ml-xsmall {
margin: 0 0 0 10px;
}
.u-ml-small {
margin: 0 0 0 20px;
}
.u-ml {
margin: 0 0 0 30px;
}
.u-ml-large {
margin: 0 0 0 40px;
}
.u-ml-xlarge {
margin: 0 0 0 50px;
}
.u-ml-xxlarge {
margin: 0 0 0 60px;
} .align_c {
text-align: center;
}
.align_r {
text-align: right;
}
.align_l {
text-align: left;
}
.flo_l {
float: left;
}
.flo_r {
float: right;
}
.cboth {
clear: both;
}
span.suptext {
font-size: 75.5%;
vertical-align: top;
position: relative;
top: -0.1em;
}
span.subtext {
font-size: 75.5%;
vertical-align: bottom;
position: relative;
top: 0.1em;
} a {
color: #000;
}
a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none !important;
cursor: pointer;
}
.link a {
color: #036EB8;
}
.link a:hover {
text-decoration: underline;
color: #036EB8;
}
a.link {
color: #036EB8;
}
a:hover.link {
text-decoration: underline;
color: #036EB8;
} .header {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 80px;
padding: 0;
background: none;
z-index: 9999;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.header .inbox {
margin: 0 auto;
padding: 0 1%;
width: 98%;
text-align: left;
top: 0;
position: relative;
background: none;
height: 80px;
}
.header .inbox .h-logoarea {
margin: 20px 0 0;
padding: 0;
text-align: left;
display: inline-block;
width: 275px;
vertical-align: top;
}
.header .inbox .h-logoarea img {
width: 100%;
}
.header .inbox .h-logoarea img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none;
}
.header .inbox .h-rightbox {
margin: 0 80px 0 0;
padding: 0;
max-width: 710px;
float: right;
} .header-appli {
margin: 0;
padding: 0;
width: 100%;
height: 80px;
padding: 0;
background: #fff;
z-index: 9999;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
position: fixed;
}
.header-appli .inbox {
margin: 0 auto;
padding: 0 1%;
width: 98%;
text-align: left;
top: 0;
background: none;
height: 80px;
}
.header-appli .inbox .h-logoarea {
margin: 18px 0 0;
padding: 0;
text-align: left;
display: inline-block;
width: 350px;
vertical-align: top;
}
.header-appli .inbox .h-logoarea img {
width: 100%;
}
.header-appli .inbox .h-logoarea img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none;
}
.header-appli .inbox .h-rightbox {
margin: 27px 0 0 30px;
padding: 0;
max-width: 340px;
display: inline-block;
font-size: 13px;
}
#gnav > ul {
display: table;
padding-left: 0;
right: 0;
margin: 5px 0 0;
}
#gnav > ul {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#gnav > ul > li:first-child {
display: table-cell;
padding: 0 60px 0 0;
margin: 0;
}
#gnav > ul > li {
display: table-cell;
padding: 0 50px 0 0;
margin: 0;
}
#gnav > ul > li img {
width: 90%;
}
#gnav > ul > li:hover {
color: #000;
cursor: pointer;
}
#gnav > ul > li:hover > a {
color: #000;
opacity: 1;
}
#gnav > ul > li:hover .menu {
max-height: 9999px;
opacity: 1;
}
#gnav > ul > li > a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 5px 0px 0 0;
position: relative;
display: inline-block;
text-decoration: none;
}
#gnav > ul > li > a::after {
position: absolute;
bottom: 4px;
left: 0;
content: "";
width: 90%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
#gnav > ul > li > a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
@media screen and (max-width: 1030px) {
#gnav > ul > li:first-child {
display: table-cell;
margin: 0px 0 0;
padding: 0px 40px 0 0;
}
#gnav > ul > li:first-child img {
width: 90%;
}
#gnav > ul > li {
display: table-cell;
margin: 0px 0 0;
padding: 0px 30px 0 0;
}
#gnav > ul > li img {
width: 90%;
}
} #headbar { position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 999;
}
#header-scroll {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 80px;
background: rgba(255, 255, 255, 0.8);
color: #000;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
border-bottom: 1px solid #ccc; }
#header-scroll .inbox {
margin: 0 auto;
padding: 0 1%;
width: 98%;
text-align: left;
top: 0;
position: relative;
background: none;
height: 80px;
}
#header-scroll .inbox .h-logoarea {
margin: 22px 0 0;
padding: 0;
text-align: left;
display: inline-block;
width: 275px;
vertical-align: top;
}
#header-scroll .inbox .h-logoarea img {
width: 100%;
}
#header-scroll .inbox .h-logoarea img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none;
}
#header-scroll .inbox .h-rightbox {
margin: 0 80px 0 0;
padding: 0;
max-width: 710px;
float: right;
}
#header-scroll #gnav-scroll > ul {
display: table;
padding-left: 0;
right: 0;
margin: 5px 0 0;
}
#header-scroll #gnav-scroll > ul {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#header-scroll #gnav-scroll > ul > li:first-child {
display: table-cell;
padding: 0 60px 0 0;
margin: 0;
}
#header-scroll #gnav-scroll > ul > li {
display: table-cell;
padding: 0 50px 0 0;
margin: 0;
}
#header-scroll #gnav-scroll > ul > li img {
width: 90%;
}
#header-scroll #gnav-scroll > ul > li:hover {
color: #000;
cursor: pointer;
}
#header-scroll #gnav-scroll > ul > li:hover > a {
color: #000;
opacity: 1;
}
#header-scroll #gnav-scroll > ul > li:hover .menu {
max-height: 9999px;
opacity: 1;
}
#header-scroll #gnav-scroll > ul > li > a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 5px 0px 0 0;
position: relative;
display: inline-block;
text-decoration: none;
}
#header-scroll #gnav-scroll > ul > li > a::after {
position: absolute;
bottom: 4px;
left: 0;
content: "";
width: 90%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
#header-scroll #gnav-scroll > ul > li > a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
#header-scroll .header-appli-scroll {
top: 0;
left: 0;
width: 100%;
height: 80px;
padding: 0;
background: none;
z-index: 9999;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
#header-scroll .header-appli-scroll .inbox {
margin: 0 auto;
padding: 0 1%;
width: 98%;
text-align: left;
top: 0;
background: none;
height: 80px;
}
#header-scroll .header-appli-scroll .inbox .h-logoarea {
margin: 18px 0 0;
padding: 0;
text-align: left;
display: inline-block;
width: 350px;
vertical-align: top;
}
#header-scroll .header-appli-scroll .inbox .h-logoarea img {
width: 100%;
}
#header-scroll .header-appli-scroll .inbox .h-logoarea img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none;
}
#header-scroll .header-appli-scroll .inbox .h-rightbox-scroll {
margin: 27px 0 0 30px;
padding: 0;
max-width: 340px;
display: inline-block;
font-size: 13px;
}
.appli-navi {
margin: 0;
padding: 5px 1% 2px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
width: 98%;
position: fixed;
top: 80px;
background: #fff;
z-index: 9999;
}
.appli-navi .applinavi-in {
margin: 0 auto;
padding: 0;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-weight: bold;
font-size: 14px;
}
.appli-navi .applinavi-in li {
margin: 0;
padding: 0;
}
.appli-navi .applinavi-in li > a.navi-link {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.appli-navi .applinavi-in li > a.navi-link::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #002F7C;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.appli-navi .applinavi-in li > a.navi-link:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.appli-navi .applinavi-in li > a.appservice {
padding: 0 0 0 23px;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-arrow-blk.svg) no-repeat;
background-position: 0 6px;
}
.appli-navi .applinavi-in li > a.appservice::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #002F7C;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.appli-navi .applinavi-in li > a.appservice:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.appli-navi .applinavi-in li a.navi-search:hover {
opacity: 0.5;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.appli-navi .applinavi-in li.navi-last {
margin: 0;
padding: 3px 0 0;
position: relative;         }
.appli-navi .applinavi-in li.navi-last .open-btn {
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-search.svg) no-repeat 20px 3px; background-size: 20px 20px;
width: 50px;
height: 30px;
cursor: pointer; }
.appli-navi .applinavi-in li.navi-last .open-btn.btnactive {
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon_close.svg) no-repeat 20px 3px; background-size: 18px 18px;
}
.appli-navi .applinavi-in li.navi-last #search-wrap {
position: absolute; top: 0;
right: 0;
z-index: -1; opacity: 0; width: 0; -webkit-transition: all 0.4s;
transition: all 0.4s; border-radius: 8px;
}
.appli-navi .applinavi-in li.navi-last #search-wrap.panelactive {
opacity: 1; z-index: 3; width: 280px;
padding: 20px;
top: 38px;
right: 0px;
background: #eee;
-webkit-box-shadow: 3px 3px 3px rgba(0, 47, 124, 0.5);
box-shadow: 3px 3px 3px rgba(0, 47, 124, 0.5);
}
.appli-navi .applinavi-in li.navi-last #search-wrap #searchform {
display: none; }
.appli-navi .applinavi-in li.navi-last #search-wrap.panelactive #searchform {
display: block; }
.appli-navi .applinavi-in li.navi-last #search-wrap input {
-webkit-appearance: none; outline: none;
cursor: pointer; color: #666;
}
.appli-navi .applinavi-in li.navi-last #search-wrap input[type=text] {
width: 100%;
border: none;
border-bottom: 2px solid #ccc;
-webkit-transition: all 0.5s;
transition: all 0.5s;
letter-spacing: 0.05em;
height: 46px;
padding: 10px;
}
.appli-navi .applinavi-in li.navi-last #search-wrap input[type=text]:focus {
background: #fff; }
.appli-navi .applinavi-in li.navi-last #search-wrap input[type=submit] {
position: absolute;
top: 12px;
right: 30px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-search.svg) no-repeat right; background-size: 20px 20px;
width: 30px;
height: 60px;
border: none;
text-indent: -9999px;
}
@media screen and (max-width: 980px) {
.sp-logo {
margin: 0;
padding: 14px 0 0;
text-align: left;
width: 230px;
}
.sp-logo img {
width: 100%;
height: auto;
} .drawer-spmenu-01 {
margin: 0;
padding: 20px 0 20px;
font-size: 20px;
border-bottom: 1px solid #ccc;
}
.drawer-spmenu-01 a {
color: #000;
}
.sp-menu-link-01 {
margin: 25px 0 0;
padding: 0 40px 0 0;
font-size: 18px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: 85px 13px;
}
.sp-menu-link-01 a {
color: #000;
}
.sp-menu-link-02 {
margin: 25px 0 0;
padding: 0 40px 0 0;
font-size: 18px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: 193px 13px;
}
.sp-menu-link-02 a {
color: #000;
}
.sp-menu-link-03 {
margin: 25px 0 0;
padding: 0;
font-size: 18px;
}
.sp-menu-link-03 a {
color: #000;
}
}
.footer-pagebottom-contact {
margin: 0;
padding: 60px 0;
min-height: 250px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-bg-pagebtm-contact.jpg) no-repeat;
background-size: cover;
background-position: center 0;
position: relative;
z-index: 0;
}
.footer-pagebottom-contact::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #036EB8;
opacity: 0.7;
display: block;
z-index: 0;
}
@media screen and (max-width: 980px) {
.footer-pagebottom-contact {
margin: 0;
padding: 80px 0 30px;
min-height: 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-bg-pagebtm-contact.jpg) no-repeat;
background-size: cover;
background-position: center top;
position: relative;
z-index: 0;
}
.footer-pagebottom-contact::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #036EB8;
opacity: 0.8;
display: block;
z-index: 0;
}
}
.footter-pagebottom-heading {
margin: 60px auto 50px;
padding: 0;
font-size: 30px;
text-align: center;
}
@media screen and (max-width: 980px) {
.footter-pagebottom-heading {
margin: 60px auto 30px;
padding: 0;
font-size: 30px;
text-align: center;
}
}
.footer-base-area {
margin: 0;
padding: 50px 0 50px;
background: #F2F7FA;
width: 100%;
text-align: left;
}
.footerbox {
margin: 0 auto;
padding: 0;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footerbox .footer-logo-area {
margin: 0 0 0 10px;
padding: 0;
width: 250px;
text-align: left;
}
.footerbox .footer-logo-area img {
width: 100%;
height: auto;
}
.footerbox .footer-menubox {
margin: 2px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 700px;
font-size: 15px;
}
.footer-contact-base {
margin: 20px auto 0;
padding: 0 0 0 10px;
max-width: 1200px;
text-align: left;
}
.footer-contact-base .footer-contact-box {
margin: 0;
padding: 15px 20px;
border: 1px solid #000;
max-width: 300px;
}
@media screen and (max-width: 980px) {
.footerbox .footer-logo-area {
margin: 30px 0 0 20px;
padding: 0;
width: 28%;
position: absolute;
top: 50px;
left: 0;
}
}
.f-menu {
position: relative;
width: 100%;
height: 20px;
max-width: 1050px;
margin: 0 auto;
}
.f-menu > li {
float: left;
width: 16.666%; height: 40px;
line-height: 50px;
background: rgba(255, 255, 255, 0);
}
.f-menu > li a {
display: block;
color: #000;
}
.f-menu > li a:hover {
color: #333;
}
ul.menu__second-level {
visibility: hidden;
opacity: 0;
z-index: 1;
}
.f-menu > li:hover {
background: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.menu__second-level li {
border-top: 1px solid #fff;
color: #fff;
}
.menu__second-level li a {
color: #000;
font-size: 85%;
padding: 10px 3px;
}
.menu__second-level li a:hover {
background: #eee;
} .f-menu:before,
.f-menu:after {
content: " ";
display: table;
}
.f-menu:after {
clear: both;
}
.f-menu {
*zoom: 1;
}
.f-menu > li.menu__single {
position: relative;
}
li.menu__single ul.menu__second-level {
position: absolute;
top: 20px;
width: 100%;
background: #036EB8;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
line-height: 1.2;
}
li.menu__single:hover ul.menu__second-level {
top: 40px;
visibility: visible;
opacity: 1;
}
.footer-copyright-box {
margin: 0 auto;
padding: 10px 0 10px 0;
text-align: left;
width: 100%;
background: #ddd;
}
.footer-copyright-box .inbox {
margin: 0 auto;
padding: 0;
font-size: 14px;
color: #000;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-copyright-box .footer-link-area {
margin: 0;
padding: 0;
width: 400px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: right;
}
.footer-copyright-box .footer-link {
margin: 0;
padding: 0 17px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: right 9px;
}
.footer-menulink a {
position: relative;
display: inline-block;
text-decoration: none;
}
.footer-menulink a::after {
position: absolute;
bottom: -2px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.footer-menulink a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.footer-appli-menulink a {
position: relative;
display: inline-block;
text-decoration: none;
}
.footer-appli-menulink a::after {
position: absolute;
bottom: -2px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #002F7C;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.footer-appli-menulink a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
@media screen and (max-width: 980px) {
.spfooterbox {
margin: 0;
padding: 60px 5% 30px;
width: 90%;
background: #F2F7FA;
}
.sp-contact-area {
margin: 30px auto 0;
padding: 20px;
border: 1px solid #000;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
.footer-tel {
margin: 20px 0 0;
padding: 0;
}
.footer-tel img {
width: 100%;
height: auto;
}
.sp-footer-menu {
margin: 10px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sp-footer-menu li {
margin: 30px 0 0;
padding: 0;
width: 49%;
text-align: left;
}
.sp-foorer-bottom {
margin: 0;
padding: 0;
background: #ddd;
text-align: left;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox {
margin: 0 auto;
padding: 30px 0 15px;
width: 90%;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-01 {
margin: 0;
padding: 0 20px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: 80px 10px;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-02 {
margin: 20px 0 0;
padding: 0 20px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: 180px 10px;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-03 {
margin: 20px 0 0;
padding: 0;
}
.sp-copyright {
margin: 50px 0 0;
padding: 0;
line-height: 1.6;
text-align: center;
font-size: 14px;
}
}
@media screen and (max-width: 980px) {
.sp-appli-footerbox {
margin: 0;
padding: 30px 5% 30px;
width: 90%;
background: #002F7C;
color: #fff;
}
.sp-appli-logonote {
margin: 0;
padding: 0;
text-align: center;
font-size: 14px;
}
.sp-appli-footer-menu {
margin: 10px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sp-appli-footer-menu li {
margin: 30px 0 0;
padding: 0;
width: 43%;
text-align: left;
font-size: 14px;
}
}
@media screen and (max-width: 980px) and (max-width: 980px) {
.sp-appli-footer-menu {
margin: 10px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sp-appli-footer-menu li {
margin: 30px 0 0;
padding: 0;
width: 43%;
text-align: left;
font-size: 14px;
}
.sp-appli-footer-menu li a {
color: #fff;
}
}
@media screen and (max-width: 980px) {
.sp-foorer-bottom {
margin: 0;
padding: 0;
background: #ddd;
text-align: left;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox {
margin: 0 auto;
padding: 30px 0 15px;
width: 90%;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-01 {
margin: 0;
padding: 0 20px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: 80px 10px;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-02 {
margin: 20px 0 0;
padding: 0 20px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: 180px 10px;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-03 {
margin: 20px 0 0;
padding: 0;
}
}
@media screen and (max-width: 980px) {
.sp-copyright {
margin: 50px 0 0;
padding: 0;
line-height: 1.6;
text-align: center;
font-size: 14px;
}
} .footer-appli-base-area {
margin: 0;
padding: 50px 1% 30px;
background: #002F7C;
width: 98%;
text-align: left;
color: #fff;
}
.footer-appli-box {
margin: 0 auto;
padding: 0;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-appli-box .footer-logo-area {
margin: 0;
padding: 0;
width: 300px;
text-align: left;
font-size: 14px;
line-height: 1.6;
}
.footer-appli-box .footer-logo-area img {
width: 100%;
height: auto;
}
.footer-appli-box .footer-menubox {
margin: 2px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 375px;
font-size: 15px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-appli-box .footer-menubox li {
margin: 0 0 10px;
}
.footer-appli-box .footer-menubox li .footer-applimenu {
margin: 0 0 20px;
}
.footer-appli-box .footer-menubox li .footer-applimenu > a {
color: #fff;
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.footer-appli-box .footer-menubox li .footer-applimenu > a::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #E50012;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.footer-appli-box .footer-menubox li .footer-applimenu > a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
} #page-top, #form-page-top {
position: fixed;
right: 12px;
z-index: 10;
}
#page-top a, #form-page-top a {
text-decoration: none;
display: block;
}
#page-top a:hover, #form-page-top a:hover {
text-decoration: none;
}
@media screen and (max-width: 980px) {
#sp-page-top, #spform-page-top {
position: fixed;
right: 15px;
z-index: 9;
margin: 0;
}
#sp-page-top a, #spform-page-top a {
text-decoration: none;
color: #fff;
width: 100%;
padding: 0;
text-align: center;
display: block;
}
#sp-page-top a:hover, #spform-page-top a:hover {
text-decoration: none;
}
#sp-page-top img, #spform-page-top img {
width: 100%;
}
}
.header-contact-button {
position: absolute;
right: 0;
display: inline-block;
width: 110px;
height: 80px;
text-align: center;
text-decoration: none;
line-height: 80px;
outline: none;
background-color: #F05454;
color: #fff;
vertical-align: top;
font-size: 16px;
padding: 13px 0 0;
}
.header-contact-button::before,
.header-contact-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.header-contact-button,
.header-contact-button::before,
.header-contact-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.header-contact-button:hover {
background-color: #ff9696;
}
@media screen and (max-width: 1380px) {
.header-contact-button {
position: absolute;
right: 0;
display: inline-block;
width: 110px;
height: 80px;
text-align: center;
text-decoration: none;
line-height: 25px;
outline: none;
background-color: #F05454;
color: #fff;
vertical-align: top;
font-size: 16px;
padding: 16px 5px 0;
}
}
.top-button {
position: relative;
display: inline-block;
padding: 15px 0;
background-color: #F05454;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 30px;
width: 640px;
border-radius: 50px;
}
.top-button::after {
position: absolute;
top: 12%;
right: 0.5em;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-arrow-wh.svg);
margin-top: -5px;
border-left-color: #fff;
}
.top-button:hover {
background-color: #ff9696;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.top-button:hover::after {
-webkit-animation: arrow 0.4s;
animation: arrow 0.4s;
}
@-webkit-keyframes arrow {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@keyframes arrow {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@media screen and (max-width: 980px) {
.top-button {
position: relative;
display: inline-block;
padding: 15px 0;
background-color: #F05454;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 22px;
width: 100%;
border-radius: 50px;
}
.top-button::after {
position: absolute;
top: 15%;
right: 0.5em;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sp-arrow-wh.svg);
margin-top: -5px;
border-left-color: #fff;
}
}
.top-contact-button {
position: relative;
display: inline-block;
padding: 15px 0;
background: none;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 30px;
width: 450px;
border-radius: 50px;
border: 1px solid #fff;
}
.top-contact-button::after {
position: absolute;
top: 12%;
right: 0.5em;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-arrow-wh.svg);
margin-top: -5px;
border-left-color: #fff;
}
.top-contact-button:hover {
background-color: rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.top-contact-button:hover::after {
-webkit-animation: arrow-contact 0.4s;
animation: arrow-contact 0.4s;
}
@-webkit-keyframes arrow-contact {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@keyframes arrow-contact {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@media screen and (max-width: 980px) {
.top-contact-button {
position: relative;
display: inline-block;
padding: 15px 0;
background: none;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 22px;
width: 100%;
border-radius: 50px;
border: 1px solid #fff;
margin: 0 0 50px;
}
.top-contact-button::after {
position: absolute;
top: 18%;
right: 0.5em;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sp-arrow-wh.svg);
margin-top: -5px;
border-left-color: #fff;
}
.top-contact-button:hover {
background-color: rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.top-contact-button:hover::after {
-webkit-animation: arrow-contact 0.4s;
animation: arrow-contact 0.4s;
}
@-webkit-keyframes arrow-contact {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@keyframes arrow-contact {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
}
.download-button {
display: inline-block;
width: 100%;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 54px;
outline: none;
background-color: #fff;
color: #036EB8;
border: 1px solid #036EB8;
border-radius: 8px;
margin: 20px 0 0;
}
.download-button::before,
.download-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.download-button,
.download-button::before,
.download-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.download-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
.page-back-button {
display: inline-block;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 52px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0 10px;
padding: 0 20px;
font-size: 18px;
}
.page-back-button::before,
.page-back-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.page-back-button,
.page-back-button::before,
.page-back-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.page-back-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.page-back-button {
display: inline-block;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 52px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 30px 10px 0;
padding: 0 20px;
font-size: 18px;
width: 100%;
}
.page-back-button::before,
.page-back-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.page-back-button,
.page-back-button::before,
.page-back-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.page-back-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
}
.faq-index-button {
display: inline-block;
height: 60px;
text-align: center;
text-decoration: none;
line-height: 58px;
outline: none;
background-color: #036EB8;
color: #fff;
border: 1px solid #036EB8;
border-radius: 8px;
margin: 0;
padding: 0 20px;
font-size: 22px;
width: 100%;
}
.faq-index-button::before,
.faq-index-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.faq-index-button,
.faq-index-button::before,
.faq-index-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.faq-index-button:hover {
color: #036EB8;
background-color: #fff;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.faq-index-button {
display: inline-block;
height: 60px;
text-align: center;
text-decoration: none;
line-height: 58px;
outline: none;
background-color: #036EB8;
color: #fff;
border: 1px solid #036EB8;
border-radius: 8px;
margin: 0;
padding: 0 20px;
font-size: 20px;
width: 100%;
}
}
.column-button {
display: inline-block;
height: 40px;
text-align: center;
text-decoration: none;
line-height: 38px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0 10px;
padding: 0 20px;
font-size: 16px;
}
.column-button::before,
.column-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.column-button,
.column-button::before,
.column-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.column-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.column-button {
display: inline-block;
height: 50px;
text-align: center;
text-decoration: none;
line-height: 48px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0;
padding: 0 20px;
font-size: 16px;
width: 100%;
}
.column-button::before,
.column-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.column-button,
.column-button::before,
.column-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.column-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
}
.partner-button {
display: inline-block;
height: 40px;
text-align: center;
text-decoration: none;
line-height: 38px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0 10px;
padding: 0 20px;
font-size: 16px;
position: absolute;
bottom: 0;
right: 0;
}
.partner-button::before,
.partner-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.partner-button,
.partner-button::before,
.partner-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.partner-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.partner-button {
display: block;
height: 40px;
text-align: center;
text-decoration: none;
line-height: 38px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 20px 0 0;
padding: 0 20px;
font-size: 16px;
position: relative;
}
}
.notfound-button {
display: inline-block;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 52px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0 10px;
padding: 0 20px;
font-size: 16px;
}
.notfound-button::before,
.notfound-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.notfound-button,
.notfound-button::before,
.notfound-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.notfound-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.notfound-button {
display: inline-block;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 52px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 30px 10px 0;
padding: 0 10px;
font-size: 15px;
width: 100%;
}
.notfound-button::before,
.notfound-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.notfound-button,
.notfound-button::before,
.notfound-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.notfound-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
}
.footer-entry-btn-area {
margin: 80px auto 0;
padding: 0;
max-width: 970px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-entry-btn-area li {
margin: 0;
padding: 0;
width: 400px;
}
@media screen and (max-width: 980px) {
.footer-entry-btn-area {
margin: 0 auto;
padding: 0;
width: 90%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-entry-btn-area li {
margin: 0;
padding: 0;
width: 100%;
}
} .formtb dl, .formtb dt, .formtb dd {
margin: 0;
padding: 0;
}
.formtb dl {
display: table;
border-style: none solid none solid;
width: 99%;
}
.formtb dl:last-child {
border-style: none solid solid solid;
}
.formtb dt {
display: table-cell;
vertical-align: top;
padding: 25px 0 10px;
}
.formtb dd {
display: table-cell;
padding: 20px 0;
text-align: left;
width: 75%;
vertical-align: middle;
}
@media screen and (max-width: 980px) {
.formtb {
margin: 0;
padding: 0;
}
.formtb dd {
margin: 0px 0 10px auto;
border-left: none;
padding: 0;
border-top: 0px;
width: 100%;
}
.formtb dl {
width: auto;
}
.formtb dt, .formtb dd, .formtb dl {
display: block;
}
}
.form-must {
width: 50px;
height: 24px;
margin-top: -12px;
margin-right: 10px;
font-size: 12px;
text-align: center;
line-height: 24px;
padding: 4px 7px;
border-radius: 6px;
background: #F05454;
color: #fff;
}
.downloadform-must {
margin: 30px 0 0;
padding: 0 0 0 55px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-must.svg) no-repeat;
background-position: 0 5px;
text-align: left;
}
.downloadform-must-01 {
margin: 15px 0 0;
padding: 0 0 0 55px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-must.svg) no-repeat;
background-position: 0 5px;
text-align: left;
}
.form-note {
margin: 2px 0 0;
padding: 0;
text-align: left;
font-size: 11px;
color: #555;
}
.input-01 {
width: 100%;
height: 50px;
border: 1px solid #e1e1e1;
background: #fff;
border-radius: 6px;
padding-left: 10px;
font-size: 15px;
}
.input-02 {
width: 35%;
height: 50px;
border: 1px solid #e1e1e1;
background: #fff;
border-radius: 6px;
padding-left: 10px;
font-size: 15px;
}
.form-date-txt {
font-size: 15px;
display: inline-block;
width: 20px;
margin: 0 15px 0 5px;
}
.inputmessage-01 {
width: 100%;
margin: 0;
height: 150px;
border: 1px solid #e1e1e1;
border-radius: 6px;
background: #fff;
padding: 10px;
font-size: 15px;
margin-left: 0;
}
.input-01a {
width: 100%;
height: 40px;
border: 1px solid #e1e1e1;
background: #fff;
border-radius: 6px;
padding-left: 10px;
font-size: 15px;
}
.input-02a {
width: 35%;
height: 50px;
border: 1px solid #e1e1e1;
background: #fff;
border-radius: 6px;
padding-left: 10px;
font-size: 15px;
}
.downloadform-button-area {
margin: 10px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.submit-button {
display: inline-block;
margin: 20px 0 0;
padding: 10px 0px;
background: #036EB8;
color: #fff;
width: 200px;
border: none;
font-size: 16px;
border-radius: 12px;
}
.submit-button:hover {
margin: 20px 0 0;
padding: 10px 0;
background: #0284de;
color: #fff;
width: 200px;
border: none;
font-size: 16px;
border-radius: 12px;
cursor: pointer;
}
.back-button {
display: inline-block;
margin: 20px 15px 0;
padding: 10px 0px;
background: #999;
color: #fff;
width: 100px;
border: none;
font-size: 16px;
border-radius: 12px;
}
.back-button:hover {
margin: 20px 15px 0;
padding: 10px 0;
background: #cccccc;
color: #fff;
width: 100px;
display: inline-block;
border: none;
font-size: 16px;
border-radius: 12px;
cursor: pointer;
}
.privacy-area {
margin: 5px 0 0;
padding: 0;
font-size: 14px;
text-align: center;
}
@media screen and (max-width: 980px) {
.privacy-area {
margin: 20px 0 0;
padding: 0;
font-size: 14px;
text-align: center;
}
}
@media screen and (max-width: 980px) {
.submit-button {
display: inline-block;
margin: 20px 0 0;
padding: 10px 0px;
background: #036EB8;
color: #fff;
width: 50%;
border: none;
font-size: 18px;
border-radius: 12px;
}
.submit-button:hover {
margin: 20px 0 0;
padding: 10px 0;
background: #0284de;
color: #fff;
width: 50%;
border: none;
font-size: 18px;
border-radius: 12px;
}
.back-button {
display: inline-block;
margin: 20px 3% 0 0;
padding: 10px;
background: #999;
color: #fff;
width: 25%;
border: none;
font-size: 18px;
border-radius: 12px;
}
.back-button:hover {
margin: 20px 3% 0 0;
padding: 10px;
background: #cccccc;
color: #fff;
width: 25%;
display: inline-block;
border: none;
font-size: 18px;
border-radius: 12px;
}
}
.mw_wp_form_confirm .formtb dd.input-text {
margin: 0;
padding: 10px 0 0;
}
.top-contents-title {
margin: 0;
padding: 0;
text-align: center;
font-size: 40px;
font-weight: bold;
color: #fff;
}
.top-contents-title-02 {
position: relative;
display: inline-block;
padding: 0 70px;
font-size: 40px;
font-weight: bold;
}
.top-contents-title-02:before,
.top-contents-title-02:after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}
.top-contents-title-02:before {
left: 0;
}
.top-contents-title-02:after {
right: 0;
}
@media screen and (max-width: 980px) {
.top-contents-title {
margin: 0;
padding: 0;
text-align: center;
font-size: 30px;
font-weight: bold;
color: #fff;
line-height: 1.5;
}
.top-contents-title-02 {
position: relative;
display: inline-block;
padding: 0;
font-size: 30px;
font-weight: bold;
line-height: 1.5;
}
.top-contents-title-02:before,
.top-contents-title-02:after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 0px;
background-color: black;
}
.top-contents-title-02:before {
left: 0;
}
.top-contents-title-02:after {
right: 0;
}
}
.top-about-heading {
margin: 0;
padding: 0;
font-size: 26px;
font-weight: bold;
color: #00ADE1;
line-height: 1.5;
position: absolute;
left: 80px;
top: 0;
}
.top-about-heading-02 {
margin: 0;
padding: 0;
font-size: 26px;
font-weight: bold;
color: #00ADE1;
line-height: 1.5;
position: absolute;
left: 80px;
top: 15px;
}
@media screen and (max-width: 1200px) {
.top-about-heading,
.top-about-heading-02 {
font-size: 22px;
}
} .appli-heading {
border-bottom: solid 3px #ddd;
position: relative;
font-size: 24px;
font-weight: bold;
}
.appli-heading:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #002F7C;
bottom: -3px;
width: 14%;
}
.appli-side-heading {
border-bottom: solid 3px #ddd;
position: relative;
font-size: 20px;
font-weight: bold;
margin: 30px 0 0;
}
.appli-side-heading:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #002F7C;
bottom: -3px;
width: 34%;
}
h2.page-heading {
margin: 20px 0;
padding: 3px 10px 3px 10px;
font-size: 26px;
font-weight: bold;
line-height: 1.4;
position: relative;
}
h2.page-heading:before {
content: "";
position: absolute;
top: 5px;
left: 0px;
width: 8px;
height: calc(100% - 10px);
background-color: #036EB8;
}
.appli-relate-heading,
.widgettitle {
margin: 30px 0 0;
padding: 0;
border-bottom: solid 3px #ddd;
position: relative;
font-size: 24px;
font-weight: bold;
}
.appli-relate-heading:after,
.widgettitle:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #002F7C;
bottom: -3px;
width: 14%;
}
@media screen and (max-width: 980px) {
.appli-relate-heading {
margin: 40px 0 0;
}
}
.appli-search-heading {
border-bottom: solid 3px #ddd;
position: relative;
font-size: 24px;
font-weight: bold;
}
.appli-search-heading :after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #002F7C;
bottom: -3px;
width: 14%;
}
@media screen and (max-width: 980px) {
.appli-search-heading {
border-bottom: solid 3px #ddd;
position: relative;
font-size: 24px;
font-weight: bold;
margin: 90px 0 0;
}
}
.bosyu-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 30px;
font-weight: bold;
color: #002F7C;
}
.bosyu-heading-base .bosyu-heading {
margin: 0;
padding: 10px 0 10px 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-bosyu.svg) no-repeat;
}
@media screen and (max-width: 980px) {
.bosyu-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 26px;
font-weight: bold;
color: #002F7C;
border-left: solid 15px #002F7C;
}
.bosyu-heading-base .bosyu-heading {
margin: 0;
padding: 10px 0 10px 20px;
background: none;
}
}
.partner-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 30px;
font-weight: bold;
color: #002F7C;
}
.partner-heading-base .partner-heading {
margin: 0;
padding: 10px 0 10px 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-partner.svg) no-repeat;
}
@media screen and (max-width: 980px) {
.partner-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 26px;
font-weight: bold;
color: #002F7C;
border-left: solid 15px #002F7C;
}
.partner-heading-base .partner-heading {
margin: 0;
padding: 10px 0 10px 20px;
background: none;
}
}
.mailmagazine-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 30px;
font-weight: bold;
color: #002F7C;
}
.mailmagazine-heading-base .mailmagazine-heading {
margin: 0;
padding: 10px 0 10px 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-mailmagazine.svg) no-repeat;
}
@media screen and (max-width: 980px) {
.mailmagazine-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 26px;
font-weight: bold;
color: #002F7C;
border-left: solid 15px #002F7C;
}
.mailmagazine-heading-base .mailmagazine-heading {
margin: 0;
padding: 10px 0 10px 20px;
background: none;
}
}
.applisitemap-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 30px;
font-weight: bold;
color: #002F7C;
}
.applisitemap-heading-base .applisitemap-heading {
margin: 0;
padding: 10px 0 10px 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap.svg) no-repeat;
}
@media screen and (max-width: 980px) {
.applisitemap-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 26px;
font-weight: bold;
color: #002F7C;
border-left: solid 15px #002F7C;
}
.applisitemap-heading-base .applisitemap-heading {
margin: 0;
padding: 10px 0 10px 20px;
background: none;
}
} .slider {
margin: 0;
padding: 0;
width: 100%;
height: 92vh;
position: relative;
}
@media screen and (max-width: 980px) {
.slider {
margin: 0;
padding: 0;
width: 100%;
height: 75vh;
position: relative;
}
}
.main-catch-area {
margin: 280px auto 0;
padding: 0;
max-width: 1200px;
position: relative;
}
.main-catch-area-02 {
margin: 280px auto 0;
padding: 0;
max-width: 1200px;
position: relative;
}
@media screen and (max-width: 980px) {
.main-catch-area {
margin: 200px auto 0;
padding: 0;
max-width: 90%;
position: relative;
}
.main-catch-area img {
width: 100%;
height: auto;
}
.main-catch-area-02 {
margin: 150px auto 0;
padding: 0;
max-width: 90%;
position: relative;
}
.main-catch-area-02 img {
width: 100%;
height: auto;
}
}
p.main-catch-01 {
border-right: solid 7px rgba(0, 173, 225, 0.8);
white-space: nowrap;
overflow: hidden;
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 40px;
color: #000;
text-align: left;
line-height: 1.3;
font-weight: bold;
text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px 0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
} p.main-catch-01 {
-webkit-animation: animated-text 1.2s steps(13, end) 1s 1 normal both, animated-cursor 2500ms steps(13, end) infinite;
animation: animated-text 1.2s steps(13, end) 1s 1 normal both, animated-cursor 2500ms steps(13, end) infinite;
} @-webkit-keyframes animated-text {
from {
width: 0;
}
to {
width: 530px;
}
}
@keyframes animated-text {
from {
width: 0;
}
to {
width: 530px;
}
} @-webkit-keyframes animated-cursor {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@keyframes animated-cursor {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
p.main-catch-02 {
border-right: solid 7px rgba(0, 173, 225, 0.9);
white-space: nowrap;
overflow: hidden;
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 40px;
color: #000;
text-align: left;
line-height: 1.3;
margin: 20px 0 0;
font-weight: bold;
text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px 0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
} p.main-catch-02 {
-webkit-animation: animated-text-02 1s steps(10, end) 1s 1 normal both, animated-cursor-02 2500ms steps(10, end) infinite;
animation: animated-text-02 1s steps(10, end) 1s 1 normal both, animated-cursor-02 2500ms steps(10, end) infinite;
} @-webkit-keyframes animated-text-02 {
from {
width: 0;
}
to {
width: 1150px;
}
}
@keyframes animated-text-02 {
from {
width: 0;
}
to {
width: 1150px;
}
} @-webkit-keyframes animated-cursor-02 {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@keyframes animated-cursor-02 {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@media screen and (max-width: 980px) {
p.main-catch-01 {
border-right: solid 7px rgba(0, 173, 225, 0.8);
white-space: nowrap;
overflow: hidden;
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 30px;
color: #000;
text-align: left;
line-height: 1.7;
font-weight: bold;
text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px 0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
} p.main-catch-01 {
-webkit-animation: animated-text 1.2s steps(13, end) 1s 1 normal both, animated-cursor 2500ms steps(13, end) infinite;
animation: animated-text 1.2s steps(13, end) 1s 1 normal both, animated-cursor 2500ms steps(13, end) infinite;
} @-webkit-keyframes animated-text {
from {
width: 0;
}
to {
width: 100%;
}
}
@keyframes animated-text {
from {
width: 0;
}
to {
width: 100%;
}
} @-webkit-keyframes animated-cursor {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@keyframes animated-cursor {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
p.main-catch-02 {
border-right: solid 7px rgba(0, 173, 225, 0.9);
white-space: nowrap;
overflow: hidden;
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 26px;
color: #000;
text-align: left;
line-height: 1.7;
margin: 0;
font-weight: bold;
text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px 0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
} p.main-catch-02 {
-webkit-animation: animated-text-02 1s steps(10, end) 1s 1 normal both, animated-cursor-02 2500ms steps(10, end) infinite;
animation: animated-text-02 1s steps(10, end) 1s 1 normal both, animated-cursor-02 2500ms steps(10, end) infinite;
} @-webkit-keyframes animated-text-02 {
from {
width: 0;
}
to {
width: 100%;
}
}
@keyframes animated-text-02 {
from {
width: 0;
}
to {
width: 100%;
}
} @-webkit-keyframes animated-cursor-02 {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@keyframes animated-cursor-02 {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
}
.main-bottom-area {
margin: 0;
padding: 15px 0;
background: rgba(245, 245, 245, 0.8);
position: absolute;
bottom: 0;
width: 100%;
}
.main-bottom-area .main-bottom-contents {
margin: 0 auto;
padding: 10px 0;
max-width: 1100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
font-size: 20px;
}
.main-bottom-area .main-bottom-contents .btm-box01 {
margin: 0;
padding: 0;
width: 30%;
line-height: 1.4;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-mainimg-bar.png) no-repeat;
background-position: 270px top;
}
.main-bottom-area .main-bottom-contents .btm-box02 {
margin: 0;
padding: 0;
width: 32%;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-mainimg-bar.png) no-repeat;
line-height: 1.4;
background-position: 285px top;
}
.main-bottom-area .main-bottom-contents .btm-box03 {
margin: 0;
padding: 0;
width: 38%;
line-height: 1.2;
} .slide-bottom {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all 1.3s 0s ease-out;
transition: all 1.3s 0s ease-out;
}
@-webkit-keyframes fade-in {
from {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fade-in {
from {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@media screen and (max-width: 980px) {
.swiper-container {
width: 100%;
}
.swiper-container .swiper-wrapper .swiper-slide {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.swiper-container .swiper-wrapper .swiper-slide p.text01 {
position: absolute;
top: 25%;
padding: 3%;
}
.swiper-container .swiper-wrapper .swiper-slide p.text01 img {
width: 100%;
height: auto;
}
.swiper-container .swiper-wrapper .swiper-slide p.text02 {
position: absolute;
top: 20%;
padding: 3%;
}
.swiper-container .swiper-wrapper .swiper-slide p.text02 img {
width: 100%;
height: auto;
}
.swiper-container .swiper-wrapper .swiper-slide-active p {
-webkit-animation-name: fade-in;
animation-name: fade-in;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
} .pickup-slider {
width: 1170px;
height: 245px;
margin: 0 auto;
}
.pickup-slider li {
color: #000;
height: 245px;
text-align: center;
position: relative;
border-left: 5px solid #F2F7FA;
}
.pickup-slider li img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 1200px) {
.pickup-slider {
width: 96%;
height: 245px;
margin: 0 auto;
}
.pickup-slider li {
color: #000;
height: 245px;
text-align: center;
position: relative;
border-left: 5px solid #F2F7FA;
}
.pickup-slider li img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
@media screen and (max-width: 980px) {
.pickup-slider {
width: 85%;
height: 200px;
margin: 0 auto;
}
.pickup-slider li {
height: 200px;
text-align: center;
position: relative;
border-left: 0px solid #fff;
}
.pickup-slider li img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.slide-pickup-area {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
color: #fff;
text-align: left;
padding: 10px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 980px) {
.slide-pickup-area {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
color: #fff;
text-align: left;
padding: 10px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
}
}
.slide-pickup-date {
margin: 0;
padding: 0 0 0 22px;
text-align: left;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-slidedate.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.slide-pickup-title {
margin: 5px 0 0;
padding: 0;
text-align: left;
line-height: 1.7;
}
.category-pickup {
padding: 2px 7px;
background: #FFBC2B;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
@media screen and (max-width: 980px) {
.category-pickup {
padding: 2px 7px;
background: #FFBC2B;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
} .txt12 {
font-size: 12px;
}
.txt13 {
font-size: 13px;
}
.txt14 {
font-size: 14px;
}
.txt15 {
font-size: 15px;
}
.txt16 {
font-size: 16px;
}
.txt18 {
font-size: 18px;
}
.txt20 {
font-size: 20px;
}
.txt22 {
font-size: 22px;
}
.txt24 {
font-size: 24px;
}
.txt26 {
font-size: 26px;
}
.txt28 {
font-size: 28px;
}
.txt30 {
font-size: 30px;
}
.txt32 {
font-size: 32px;
}
.txt34 {
font-size: 34px;
}
.txt36 {
font-size: 36px;
}
.txt38 {
font-size: 38px;
}
.txt40 {
font-size: 40px;
}
.txt46 {
font-size: 46px;
}
.txt50 {
font-size: 50px;
}
.txt56 {
font-size: 56px;
}
.txt60 {
font-size: 60px;
}
.text-bold {
font-weight: bold;
}
.text-udl {
text-decoration: underline;
}
.font-italic {
font-style: italic;
} .red {
color: #F05454;
}
.red-b {
color: #F05454;
font-weight: 700;
}
.blue {
color: #036EB8;
}
.blue-b {
color: #036EB8;
font-weight: 700;
}
.skyblue {
color: #00ADE1;
}
.skyblue-b {
color: #00ADE1;
font-weight: 700;
}
.gray {
color: #cccccc;
}
.darkgray {
color: #888;
}
.black {
color: #000000;
}   @font-face {
font-family: "Noto Sans JP";
font-style: normal;
font-weight: 400;
src: url(//ma-inc.jp/game_support/wp-content/themes/fonts/NotoSansJP-Regular.woff) format("woff");
font-display: swap;
} @font-face {
font-family: "Noto Sans JP";
font-style: normal;
font-weight: 700;
src: url(//ma-inc.jp/game_support/wp-content/themes/fonts/NotoSansJP-Bold.woff) format("woff");
font-display: swap;
}
html {
margin: 0;
padding: 0;
border: 0;
font-size: 62.5%;
vertical-align: baseline;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-decoration: none;
}
body {
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0;
padding: 0;
font-size: 1.6rem;
text-align: center;
background: #fff;
line-height: 2;
color: #1d1d1d;
font-display: swap;
}
.wrapper {
margin: 0;
padding: 0;
width: 100%;
overflow: hidden;
}
@media screen and (max-width: 980px) {
body {
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0;
padding: 0;
font-size: 1.6rem;
text-align: center;
background: #fff;
line-height: 2;
color: #000;
font-display: swap;
}
.wrapper {
margin: 0;
padding: 0;
width: 100%;
min-width: 100%;
overflow: hidden;
}
}
@media all and (-ms-high-contrast: none) {
body {
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0;
padding: 0;
font-size: 1.6rem;
text-align: center;
background: #fff;
line-height: 1.8;
color: #000;
font-display: swap;
}
}
* html body {
overflow: hidden;
}   #faq01, #faq02, #faq03 {
padding-top: 240px;
margin-top: -240px;
}
@media screen and (max-width: 980px) {
#faq01, #faq02, #faq03 {
padding-top: 102px;
margin-top: -102px;
}
}
#h2022, #h2021, #h2020, #h2019, #h2018, #h2011 {
padding-top: 100px;
margin-top: -100px;
}
.fixed {
overflow: auto;
height: 100%;
}  .is-pc {
display: block !important;
}
.is-sp {
display: none !important;
} @media screen and (max-width: 980px) {
.is-pc {
display: none !important;
}
.is-sp {
display: block !important;
}
} .is-header-pc {
display: block !important;
}
.is-header-sp {
display: none !important;
}
.drawer-navbar {
display: none;
} @media screen and (max-width: 980px) {
.is-header-pc {
display: none !important;
}
.is-header-sp {
display: block !important;
}
.drawer-navbar {
display: block !important;
}
}  .fadein {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(60px);
transform: translateY(60px);
-webkit-transition: all 1.5s;
transition: all 1.5s;
} .fadein.scrollin {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.fadein.scrollin:nth-of-type(1) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.fadein.scrollin:nth-of-type(2) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.fadein.scrollin:nth-of-type(3) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.fadein.scrollin:nth-of-type(4) {
-webkit-transition-delay: 0.4;
transition-delay: 0.4;
}
.fadein.scrollin:nth-of-type(5) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.fadein.scrollin:nth-of-type(6) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.fadein.scrollin:nth-of-type(7) {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.fadein.scrollin:nth-of-type(8) {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.fadein.scrollin:nth-of-type(9) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.fadein.scrollin:nth-of-type(10) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.fadein.scrollin:nth-of-type(11) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.fadein.scrollin:nth-of-type(12) {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s;
}
.fadein.scrollin:nth-of-type(13) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.fadein.scrollin:nth-of-type(14) {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
.fadein.scrollin:nth-of-type(15) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.fadein-pt02 {
opacity: 0;
-webkit-transition: all 2.5s;
transition: all 2.5s;
}
.fadein-pt02.active {
opacity: 1;
} .bread-area-appli span[property=name] {
display: inline-block;
padding: 0;
margin-top: -3px;
vertical-align: middle;
max-width: 1050px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media screen and (max-width: 1200px) {
.bread-area-appli span[property=name] {
display: inline-block;
padding: 0;
margin-top: -3px;
vertical-align: middle;
max-width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.bread-area {
margin: 0 auto;
padding: 20px 10px 0;
max-width: 1180px;
text-align: left;
font-size: 12px;
}
.bread-area a:hover {
text-decoration: underline;
}
@media screen and (max-width: 1200px) {
.bread-area {
margin: 0 auto;
padding: 20px 10px 0;
max-width: 1180px;
text-align: left;
font-size: 12px;
}
.bread-area a:hover {
text-decoration: underline;
}
}
.bread-area-02 {
margin: 120px auto 0;
padding: 20px 10px 0;
max-width: 1180px;
text-align: left;
font-size: 12px;
}
.bread-area-02 a:hover {
text-decoration: underline;
}
@media screen and (max-width: 1200px) {
.bread-area-02 {
margin: 80px auto 0;
padding: 0 10px;
max-width: 1180px;
text-align: left;
font-size: 12px;
}
.bread-area-02 a:hover {
text-decoration: underline;
}
}
@media screen and (max-width: 980px) {
.bread-area {
margin: 0;
padding: 30px 5% 0;
max-width: 90%;
text-align: left;
font-size: 14px;
}
}
.bread-area-notfound {
margin: 100px auto 0;
padding: 0;
max-width: 1200px;
text-align: left;
font-size: 12px;
}
.bread-area-appli {
margin: 140px auto 0;
padding: 0;
max-width: 1200px;
text-align: left;
font-size: 12px;
}
@media screen and (max-width: 1200px) {
.bread-area-notfound {
margin: 100px auto 0;
padding: 0;
max-width: 1200px;
text-align: left;
font-size: 12px;
}
}
@media screen and (max-width: 980px) {
.bread-area-notfound {
margin: 60px 0 0;
padding: 20px 5% 0;
max-width: 90%;
text-align: left;
font-size: 14px;
}
.bread-area-appli {
margin: 60px auto 0;
padding: 20px 5% 20px;
max-width: 90%;
text-align: left;
font-size: 14px;
}
}
div.scroll {
display: inline-block;
position: absolute;
left: 40px;
bottom: 0;
z-index: 2;
padding: 10px 10px 80px;
overflow: hidden;
color: #000;
font-size: 12px;
font-family: "Josefin Sans", sans-serif;
line-height: 1;
letter-spacing: 0.2em;
text-transform: uppercase;
text-decoration: none;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
}
div.scroll::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 1px;
height: 70px;
background: #000;
-webkit-animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
}
@-webkit-keyframes sdl {
0% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
30% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
70% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
100% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
}
@keyframes sdl {
0% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
30% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
70% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
100% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
}
@media screen and (max-width: 980px) {
div.scroll {
display: inline-block;
position: absolute;
left: 40px;
bottom: 0;
z-index: 2;
padding: 10px 10px 60px;
overflow: hidden;
color: #000;
font-size: 12px;
font-family: "Josefin Sans", sans-serif;
line-height: 1;
letter-spacing: 0.2em;
text-transform: uppercase;
text-decoration: none;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, 1px 0px 1px #fff, -1px 0px 1px #fff, 0px 1px 1px #fff, 0px -1px 1px #fff;
}
div.scroll::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 1px;
height: 50px;
background: #000;
-webkit-animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
}
@-webkit-keyframes sdl {
0% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
30% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
70% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
100% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
}
@keyframes sdl {
0% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
30% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
70% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
100% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
}
}
.bg-gray-01 {
background: rgba(3, 110, 184, 0.13);
}
.bg-gray-02 {
background: #f4f4f4;
}
.page-base {
margin: 0;
padding: 100px 0;
}
.page-base-02 {
margin: 0;
padding: 0;
background: #F2F7FA;
}
.page-base-download {
margin: 0;
padding: 100px 0 20px;
background: #fff;
}
.page-base-faq {
margin: 0;
padding: 100px 0;
background: #f1f1f1;
}
.page-case-area {
margin: 0;
padding: 100px 0 20px;
}
@media screen and (max-width: 980px) {
.page-base {
margin: 0 auto;
padding: 60px 0;
width: 90%;
}
.page-base-02 {
margin: 0 auto;
padding: 0;
background: #F2F7FA;
width: 100%;
}
.page-base-download {
margin: 0;
padding: 60px 0 20px;
background: #fff;
}
.page-case-area {
margin: 0;
padding: 60px 0 0;
}
}
.section-comp {
margin: 0;
padding: 0;
}
.section-comp-02 {
margin: 100px 0 0;
padding: 0;
}
.section-comp-03 {
margin: 100px 0 0;
padding: 0px;
}
.section-comp-04 {
margin: 0;
padding: 100px 0 150px;
}
.section-comp-05 {
margin: 100px 0 0;
padding: 60px 0 100px;
background: #fff;
}
.section-comp-06 {
margin: 0;
padding: 0 0 100px;
background: #fff;
}
@media screen and (max-width: 980px) {
.section-comp-02 {
margin: 60px 0 0;
padding: 0;
}
.section-comp-03 {
margin: 60px 0 0;
padding: 0;
}
.section-comp-04 {
margin: 0;
padding: 60px 0 0;
}
.section-comp-05 {
margin: 0;
padding: 60px 0;
background: #fff;
}
.section-comp-06 {
margin: 0;
padding: 0 0 60px;
background: #fff;
}
}
.contents-01 {
margin: 0 auto;
padding: 60px 0 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-point.jpg) no-repeat;
background-position: center top;
}
.contents-02 {
margin: 0 auto;
padding: 60px 0 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-example.jpg) no-repeat;
background-position: center top;
}
.contents-03 {
margin: 0 auto;
padding: 60px 0 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-case.jpg) no-repeat;
background-position: center top;
}
.contents-04 {
margin: 0 auto;
padding: 60px 0 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-plan.jpg) no-repeat;
background-position: center top;
}
.contents-base-01 {
margin: 60px auto 0;
padding: 100px 100px 30px;
max-width: 1200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
.contents-base-02 {
margin: 60px auto 0;
padding: 50px 100px 90px;
max-width: 1200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
@media screen and (max-width: 1200px) {
.contents-base-01 {
margin: 60px auto 0;
padding: 70px 100px 0px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
}
@media screen and (max-width: 980px) {
.contents-base-01 {
margin: 60px auto 0;
padding: 30px 30px 0px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
.contents-base-02 {
margin: 60px auto 0;
padding: 30px 30px 60px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
}
ul.point-area {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
}
ul.point-area li {
margin: 0 0 70px;
padding: 0;
width: 45%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
ul.point-area li .point-icon {
margin: 0 8% 0 0;
padding: 0;
width: 22%;
vertical-align: top;
}
ul.point-area li .point-icon img {
width: 100%;
height: auto;
}
ul.point-area li .point-text {
margin: 0;
padding: 0;
width: 67%;
vertical-align: top;
line-height: 1.8;
}
ul.point-area li .point-icon-02 {
margin: 0 8% 0 0;
padding: 0;
width: 18%;
vertical-align: top;
}
ul.point-area li .point-icon-02 img {
width: 100%;
height: auto;
}
ul.point-area li .point-text-02 {
margin: 0;
padding: 0;
width: 70%;
vertical-align: top;
line-height: 1.8;
}
@media screen and (max-width: 980px) {
ul.point-area {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
}
ul.point-area li {
margin: 0 0 40px;
padding: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
ul.point-area li .point-icon {
margin: 30px auto 0;
padding: 0;
width: 50%;
vertical-align: top;
}
ul.point-area li .point-icon img {
width: 100%;
height: auto;
}
ul.point-area li .point-text {
margin: 0;
padding: 0;
width: 100%;
vertical-align: top;
line-height: 1.8;
}
ul.point-area li .point-icon-02 {
margin: 30px auto 0;
padding: 0;
width: 40%;
vertical-align: top;
}
ul.point-area li .point-icon-02 img {
width: 100%;
height: auto;
}
ul.point-area li .point-text-02 {
margin: 0;
padding: 0;
width: 100%;
vertical-align: top;
line-height: 1.8;
}
}
.top-about-base {
margin: 80px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
max-width: 1200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
background-position: right top;
}
.top-about-base li.about-n01 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 27%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base li.about-n01:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n01.svg);
position: absolute;
right: 20px;
bottom: 0;
}
.top-about-base li.about-n02 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 27%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base li.about-n02:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n02.svg);
position: absolute;
right: 20px;
bottom: 0;
}
.top-about-base li.about-n03 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 30%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base li.about-n03:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n03.svg);
position: absolute;
right: 70px;
bottom: 0;
}
.top-about-base .top-about-text {
margin: 0;
padding: 0;
position: absolute;
font-size: 20px;
top: 100px;
left: 60px;
z-index: 2;
}
.top-about-base .top-about-text-02 {
margin: 0;
padding: 0;
position: absolute;
font-size: 20px;
top: 80px;
left: 60px;
z-index: 2;
}
.top-about-base-02 {
margin: 10px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
max-width: 1200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
background-position: right top;
}
.top-about-base-02 li.about-n04 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 27%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base-02 li.about-n04:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n04.svg);
position: absolute;
right: 20px;
bottom: 0;
}
.top-about-base-02 li.about-n05 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 27%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base-02 li.about-n05:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n05.svg);
position: absolute;
right: 20px;
bottom: 0;
}
.top-about-base-02 li.about-n06 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 30%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base-02 li.about-n06:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n06.svg);
position: absolute;
right: 70px;
bottom: 0;
}
.top-about-base-02 .top-about-text {
margin: 0;
padding: 0;
position: absolute;
font-size: 20px;
top: 100px;
left: 60px;
z-index: 2;
}
.top-about-base-02 .top-about-text-02 {
margin: 0;
padding: 0;
position: absolute;
font-size: 20px;
top: 80px;
left: 60px;
z-index: 2;
}
@media screen and (max-width: 980px) {
.sp-top-about-01 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n01.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-02 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n02.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-03 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n03.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-04 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n04.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-05 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n05.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-06 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n06.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-01:after,
.sp-top-about-02:after,
.sp-top-about-03:after,
.sp-top-about-04:after,
.sp-top-about-05:after {
content: "";
position: absolute;
bottom: 0;
left: 20%;
width: 60%;
height: 1px;
background-color: #000;
border-radius: 0px;
}
}
.page-button-area {
margin: 100px 0 0;
padding: 0;
}
.page-button-area-02 {
margin: 200px 0 0;
padding: 0;
}
@media screen and (max-width: 980px) {
.page-button-area,
.page-button-area-02 {
margin: 60px auto 0;
padding: 0;
width: 90%;
}
}
.top-example-lead {
margin: 20px 0 0;
padding: 0;
text-align: center;
font-size: 24px;
font-weight: bold;
}
@media screen and (max-width: 980px) {
.top-example-lead {
margin: 20px 0 0;
padding: 0;
text-align: left;
font-size: 20px;
font-weight: bold;
line-height: 1.5;
}
}
ul.top-example-contents {
margin: -20px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
max-width: 700px;
}
ul.top-example-contents li {
margin: 60px 0 30px;
width: 25%;
vertical-align: middle;
position: relative;
padding: 0 2%;
}
ul.top-example-contents li img {
width: 100%;
height: auto;
}
ul.top-example-contents li .text01 {
font-size: 22px;
font-weight: bold;
letter-spacing: -1px;
position: absolute;
bottom: -40px;
right: 0;
left: 0;
}
ul.top-example-contents li .text02 {
font-size: 22px;
font-weight: bold;
letter-spacing: -1px;
position: absolute;
bottom: -60px;
right: 0;
left: 0;
line-height: 1.3;
}
ul.top-example-contents li.icon04 {
margin: 0 0 0 30px;
width: 10%;
vertical-align: middle;
position: relative;
}
ul.top-example-contents li.icon04 img {
width: 100%;
height: auto;
}
@media screen and (max-width: 980px) {
ul.top-example-contents {
margin: 0px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
max-width: 700px;
}
ul.top-example-contents li {
margin: 40px 0 30px;
width: 48%;
vertical-align: middle;
position: relative;
padding: 0;
}
ul.top-example-contents li img {
width: 100%;
height: auto;
}
ul.top-example-contents li .text01 {
font-size: 20px;
font-weight: bold;
letter-spacing: -1px;
position: absolute;
bottom: -30px;
right: 0;
left: 0;
line-height: 1.3;
}
ul.top-example-contents li .text02 {
font-size: 20px;
font-weight: bold;
letter-spacing: -1px;
position: absolute;
bottom: -50px;
right: 0;
left: 0;
line-height: 1.3;
}
ul.top-example-contents li.icon04 {
margin: 0 0 0 30px;
width: 10%;
vertical-align: middle;
position: relative;
}
ul.top-example-contents li.icon04 img {
width: 100%;
height: auto;
}
}
.nayami-base01 {
margin: 50px auto 0;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1000px;
}
.nayami-base01 li {
margin: 0;
padding: 0;
width: 28%;
position: relative;
}
.nayami-base01 li .bubble-base {
margin: 0;
padding: 30px;
text-align: left;
background: #fff;
border-radius: 16px;
min-height: 180px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.nayami-base01 li .img-nayami {
margin: 0;
padding: 0;
position: absolute;
right: 0;
bottom: -100px;
}
.nayami-base02 {
margin: 150px auto 0;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 640px;
}
.nayami-base02 li {
margin: 0;
padding: 0;
width: 44%;
position: relative;
}
.nayami-base02 li .bubble-base {
margin: 0;
padding: 30px;
text-align: left;
background: #fff;
border-radius: 16px;
min-height: 180px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.nayami-base02 li .img-nayami {
margin: 0;
padding: 0;
position: absolute;
right: 0;
bottom: -100px;
}
.contents-case-base {
margin: 60px auto 0;
padding: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
max-width: 1200px;
}
.contents-case-base li.case-image {
margin: 0;
padding: 0;
width: 25%;
}
.contents-case-base li.case-image img {
width: 100%;
height: auto;
}
.contents-case-base li.case-text-area {
margin: 0;
padding: 0;
width: 70%;
text-align: left;
}
.contents-case-base li.case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 28px;
font-weight: bold;
color: #036EB8;
line-height: 1;
}
.contents-case-base li.case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.contents-case-base li.case-text-area .case-icon-02 {
margin: 10px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 140px;
font-size: 14px;
line-height: 1;
}
.contents-case-base li.case-text-area .case-text {
margin: 35px 20px 0 0;
padding: 0;
display: inline-block;
width: 120px;
font-size: 18px;
}
.contents-case-base li.case-text-area .case-text-02 {
margin: 35px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
.contents-case-base li.case-text-area .case-text-03 {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
@media screen and (max-width: 980px) {
.contents-case-base {
margin: 60px auto 0;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
max-width: 90%;
}
.contents-case-base li.case-image {
margin: 35px 0 0;
padding: 0;
width: 100%;
}
.contents-case-base li.case-image img {
width: 100%;
height: auto;
}
.contents-case-base li.case-text-area {
margin: 0;
padding: 0;
width: 100%;
text-align: left;
}
.contents-case-base li.case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 24px;
font-weight: bold;
color: #036EB8;
line-height: 1.4;
}
.contents-case-base li.case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.contents-case-base li.case-text-area .case-icon-02 {
margin: 5px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: block;
width: 140px;
font-size: 14px;
line-height: 1;
}
.contents-case-base li.case-text-area .case-text {
margin: 5px 20px 0 0;
padding: 0;
display: block;
width: 120px;
font-size: 18px;
}
.contents-case-base li.case-text-area .case-text-02 {
margin: 5px 20px 0 0;
padding: 0;
display: block;
width: 220px;
font-size: 18px;
}
.contents-case-base li.case-text-area .case-text-03 {
margin: 10px 20px 0 0;
padding: 0;
display: block;
width: 220px;
font-size: 18px;
}
}
.contents-case-base-02 {
margin: 80px auto 0;
padding: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
max-width: 1200px;
}
.contents-case-base-02 li.case-image {
margin: 0;
padding: 0;
width: 25%;
}
.contents-case-base-02 li.case-image img {
width: 100%;
height: auto;
}
.contents-case-base-02 li.case-text-area {
margin: 0;
padding: 0;
width: 70%;
text-align: left;
}
.contents-case-base-02 li.case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 28px;
font-weight: bold;
color: #036EB8;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-icon-02 {
margin: 10px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 140px;
font-size: 14px;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-text {
margin: 35px 20px 0 0;
padding: 0;
display: inline-block;
width: 150px;
font-size: 18px;
}
.contents-case-base-02 li.case-text-area .case-text-02 {
margin: 35px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
.contents-case-base-02 li.case-text-area .case-text-03 {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
@media screen and (max-width: 980px) {
.contents-case-base-02 {
margin: 60px auto 0;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
width: 90%;
}
.contents-case-base-02 li.case-image {
margin: 35px 0 0;
padding: 0;
width: 100%;
}
.contents-case-base-02 li.case-image img {
width: 100%;
height: auto;
}
.contents-case-base-02 li.case-text-area {
margin: 0;
padding: 0;
width: 100%;
text-align: left;
}
.contents-case-base-02 li.case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 24px;
font-weight: bold;
color: #036EB8;
line-height: 1.4;
}
.contents-case-base-02 li.case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-icon-02 {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 140px;
font-size: 14px;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-text {
margin: 5px 20px 0 0;
padding: 0;
display: inline-block;
width: 150px;
font-size: 18px;
}
.contents-case-base-02 li.case-text-area .case-text-02 {
margin: 5px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
.contents-case-base-02 li.case-text-area .case-text-03 {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
}
ul.plan-contents {
margin: 60px auto 0;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1000px;
}
ul.plan-contents li {
margin: 0;
padding: 0;
width: 280px;
height: 280px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
ul.plan-contents li .circle {
display: inline-block;
width: 280px;
height: 280px;
border-radius: 50%;
background: #fff;
text-align: center;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 70px 0 0;
}
@media screen and (max-width: 980px) {
ul.plan-contents {
margin: 60px auto 0;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 90%;
}
ul.plan-contents li {
margin: 0 auto;
padding: 0;
width: 280px;
min-height: 480px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
ul.plan-contents li .circle {
display: inline-block;
width: 280px;
height: 280px;
border-radius: 50%;
background: #fff;
text-align: center;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 70px 0 0;
}
} .top-faq-base {
margin: 60px auto 0;
padding: 0;
max-width: 1000px;
text-align: left;
}
@media screen and (max-width: 980px) {
.top-faq-base {
margin: 60px auto 0;
padding: 0;
width: 90%;
text-align: left;
}
}
.accordion-container .accordion-title {
position: relative;
margin: 0 auto;
padding: 30px 5% 30px 8%;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-question.svg) no-repeat;
background-position: 15px 30px;
font-size: 18px;
font-weight: normal;
color: #000;
cursor: pointer;
width: 87%;
border-top: 1px solid #ccc;
text-align: left;
}
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open {
background-color: none;
}
.accordion-container .accordion-title::before {
content: "";
position: absolute;
top: 50%;
right: 25px;
width: 15px;
height: 2px; -webkit-transform: rotate(90deg);
transform: rotate(90deg);
background: #ccc;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.accordion-container .accordion-title::after {
content: "";
position: absolute;
top: 50%;
right: 25px; width: 15px;
height: 2px;
background: #ccc;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.accordion-container .accordion-title.open::before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion-container .accordion-title.open::after {
opacity: 0;
}
.accordion-content {
display: none;
padding: 30px 5% 30px 8%;
background: #F4F4F4;
width: 87%;
position: relative;
text-align: left;
}
.accordion-content:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-answer.svg);
display: block;
padding: 0;
position: absolute;
left: 15px;
top: 28px;
}
@media screen and (max-width: 980px) {
.accordion-container .accordion-title {
position: relative;
margin: 0 auto;
padding: 30px 5% 30px 18%;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-question.svg) no-repeat;
background-position: 5px 30px;
font-size: 18px;
font-weight: normal;
color: #000;
cursor: pointer;
width: 77%;
border-top: 1px solid #ccc;
text-align: left;
}
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open {
background-color: none;
}
.accordion-container .accordion-title::before {
content: "";
position: absolute;
top: 50%;
right: 25px;
width: 15px;
height: 0px; -webkit-transform: rotate(90deg);
transform: rotate(90deg);
background: #ccc;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.accordion-container .accordion-title::after {
content: "";
position: absolute;
top: 50%;
right: 25px; width: 15px;
height: 0px;
background: #ccc;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.accordion-container .accordion-title.open::before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion-container .accordion-title.open::after {
opacity: 0;
}
.accordion-content {
display: none;
padding: 30px 5% 30px 18%;
background: #F4F4F4;
width: 77%;
position: relative;
text-align: left;
}
.accordion-content:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-answer.svg);
display: block;
padding: 0;
position: absolute;
left: 5px;
top: 28px;
}
}
.accordion-box {
border-bottom: 1px solid #ccc;
}  .movie-area {
margin: 60px 0 0;
padding: 0;
}
@media screen and (max-width: 980px) {
.movie-area {
margin: 60px auto 0;
padding: 0;
width: 90%;
}
}
.movie-youtube {
width: 700px;
margin: 0 auto;
}
.movie-youtube a {
border: 0px solid #fff;
display: block;
position: relative;
}
.movie-youtube a:hover {
opacity: 0.6;
}
.movie-youtube a::before {
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-youtube-red.png) center center/64px 45px no-repeat;
content: "";
display: block;
width: 100%; height: 60px; margin: -32px auto 0;
position: absolute;
top: 50%;
left: 0;
right: 0;
z-index: 1;
opacity: 0.8;
}
.movie-youtube a img {
margin: 0 auto;
text-align: center;
width: 100%;
height: auto;
border: 1px solid #ccc;
border-radius: 20px;
}
@media screen and (max-width: 980px) {
.movie-youtube {
width: 100%;
margin: 20px auto 0;
}
}
.sp-lead-base {
margin: 30px auto 0;
padding: 0;
background: #fff;
width: 90%;
}
.sp-lead-01 {
margin: 0;
padding: 0 0 0 30px;
font-size: 20px;
line-height: 1.3;
position: relative;
text-align: left;
}
.sp-lead-02 {
margin: 20px 0 0;
padding: 0 0 0 30px;
font-size: 20px;
line-height: 1.3;
position: relative;
text-align: left;
}
.sp-lead-01:before,
.sp-lead-02:before {
content: "";
position: absolute;
top: 5px;
left: 0px;
width: 8px;
height: calc(100% - 10px);
background-color: #00ADE1;
border-radius: 4px;
}
.sp-nayami-01 {
margin: 60px auto 0;
padding: 20px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-01:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-01.svg);
position: absolute;
bottom: -12px;
right: 15px;
}
.sp-nayami-02 {
margin: 60px auto 0;
padding: 20px 20px 20px 170px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-02:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-02.svg);
position: absolute;
bottom: -12px;
left: 15px;
}
.sp-nayami-03 {
margin: 60px auto 0;
padding: 20px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-03:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-03.svg);
position: absolute;
bottom: -12px;
right: 15px;
}
.sp-nayami-04 {
margin: 60px auto 0;
padding: 20px 20px 20px 170px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-04:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-04.svg);
position: absolute;
bottom: -12px;
left: 15px;
}
.sp-nayami-05 {
margin: 60px auto 0;
padding: 20px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-05:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-05.svg);
position: absolute;
bottom: -12px;
right: 15px;
}
.page-main-case {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-case.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-download {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-download.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-faq {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-faq.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-contact {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-contact.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-sitemap {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-sitemap.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
@media screen and (max-width: 980px) {
.page-main-case {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-case.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-download {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-download.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-faq {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-faq.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-contact {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-contact.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-sitemap {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-sitemap.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
}
.page-main-case::before,
.page-main-download::before,
.page-main-faq::before,
.page-main-contact::before,
.page-main-sitemap::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #036EB8;
opacity: 0.7;
display: block;
z-index: 0;
}
.pagetitle {
margin: 0;
padding: 0;
font-size: 40px;
color: #fff;
font-weight: bold;
position: absolute;
top: 35%;
left: 0;
right: 0;
}
@media screen and (max-width: 980px) {
.pagetitle {
margin: 0;
padding: 0;
font-size: 30px;
color: #fff;
font-weight: bold;
position: absolute;
top: 35%;
left: 0;
right: 0;
}
} .page-case-base {
margin: 0 auto 60px;
padding: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
max-width: 1200px;
}
.page-case-base-02 {
margin: 80px auto 0;
padding: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
max-width: 1200px;
}
@media screen and (max-width: 1200px) {
.page-case-base {
margin: 0 20px 60px;
padding: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
max-width: 1200px;
}
.page-case-base-02 {
margin: 80px 20px 0;
padding: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
max-width: 1200px;
}
}
@media screen and (max-width: 980px) {
.page-case-base {
margin: 0 auto 50px;
padding: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
width: 94%;
}
.page-case-base-02 {
margin: 60px auto 0;
padding: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
width: 94%;
}
}
.page-case-box {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page-case-box .case-image {
margin: 0;
padding: 0;
width: 22%;
}
.page-case-box .case-image img {
width: 100%;
height: auto;
}
.page-case-box .case-text-area {
margin: 0;
padding: 0;
width: 73%;
text-align: left;
}
.page-case-box .case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 28px;
font-weight: bold;
color: #036EB8;
line-height: 1;
}
.page-case-box .case-text-area .case-lead {
margin: 25px 0 0;
padding: 0;
font-size: 22px;
font-weight: bold;
line-height: 1.3;
}
.page-case-box .case-text-area .case-icon {
margin: 18px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.page-case-box .case-text-area .case-icon-02 {
margin: 18px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 140px;
font-size: 14px;
line-height: 1;
}
.page-case-box .case-text-area .case-text {
margin: 18px 20px 0 0;
padding: 0;
display: inline-block;
width: 550px;
font-size: 18px;
}
.page-case-box .case-text-area .case-text-02 {
margin: 18px 20px 0 0;
padding: 0;
display: inline-block;
width: 400px;
font-size: 18px;
}
@media screen and (max-width: 980px) {
.page-case-box {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-case-box .case-image {
margin: 0;
padding: 0;
width: 100%;
}
.page-case-box .case-image img {
width: 100%;
height: auto;
}
.page-case-box .case-text-area {
margin: 0;
padding: 0;
width: 100%;
text-align: left;
}
.page-case-box .case-text-area .case-heading {
margin: 25px 0 0;
padding: 0;
font-size: 24px;
font-weight: bold;
color: #036EB8;
line-height: 1.4;
}
.page-case-box .case-text-area .case-lead {
margin: 25px 0 0;
padding: 0;
font-size: 20px;
font-weight: bold;
line-height: 1.5;
}
.page-case-box .case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.page-case-box .case-text-area .case-icon-02 {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 140px;
font-size: 14px;
line-height: 1;
}
.page-case-box .case-text-area .case-text {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 550px;
font-size: 18px;
}
.page-case-box .case-text-area .case-text-02 {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 400px;
font-size: 18px;
}
}
.case-flow-area {
margin: 40px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.case-flow-area .flow-box {
margin: 0;
padding: 0;
width: 45%;
}
.case-flow-area .flow-arrow {
margin: 0;
padding: 0;
width: 10%;
text-align: center;
}
.case-flow-area .flow-bf-heading {
margin: 0;
padding: 5px;
background: #036EB8;
color: #fff;
font-size: 22px;
text-align: center;
border-radius: 16px 16px 0 0;
}
.case-flow-area .flow-bf-contents {
margin: 0;
padding: 20px;
background: #F2F7FA;
text-align: left;
border: 1px solid #036EB8;
border-radius: 0 0 16px 16px;
min-height: 160px;
}
.case-flow-area .flow-af-heading {
margin: 0;
padding: 5px;
background: #00ADE1;
color: #fff;
font-size: 22px;
text-align: center;
border-radius: 16px 16px 0 0;
}
.case-flow-area .flow-af-contents {
margin: 0;
padding: 20px;
background: #F2F7FA;
text-align: left;
border: 1px solid #00ADE1;
border-radius: 0 0 16px 16px;
min-height: 160px;
}
@media screen and (max-width: 980px) {
.case-flow-area {
margin: 40px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.case-flow-area .flow-box {
margin: 0;
padding: 0;
width: 100%;
}
.case-flow-area .flow-arrow {
margin: 0;
padding: 15px 0 10px;
width: 100%;
text-align: center;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.case-flow-area .flow-bf-heading {
margin: 0;
padding: 5px;
background: #036EB8;
color: #fff;
font-size: 22px;
text-align: center;
border-radius: 16px 16px 0 0;
}
.case-flow-area .flow-bf-contents {
margin: 0;
padding: 20px;
background: #F2F7FA;
text-align: left;
border: 1px solid #036EB8;
border-radius: 0 0 16px 16px;
}
.case-flow-area .flow-af-heading {
margin: 0;
padding: 5px;
background: #00ADE1;
color: #fff;
font-size: 22px;
text-align: center;
border-radius: 16px 16px 0 0;
}
.case-flow-area .flow-af-contents {
margin: 0;
padding: 20px;
background: #F2F7FA;
text-align: left;
border: 1px solid #00ADE1;
border-radius: 0 0 16px 16px;
}
}
.down-load-base {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
max-width: 1200px;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.down-load-base li {
margin: 0 0 80px;
padding: 0;
width: 30%;
text-align: left;
}
.down-load-base li .arc-download-title {
margin: 20px 0 0;
padding: 0;
font-size: 18px;
font-weight: bold;
}
.down-load-base li .arc-download-text {
margin: 20px 0 0;
padding: 0 0 10px;
font-size: 16px;
}
.down-load-base .download-img {
overflow: hidden;
cursor: pointer;
height: 220px;
}
.down-load-base .download-img img {
width: 100%;
height: auto;
}
.down-load-base .download-img img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.down-load-base .download-img:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
@media screen and (max-width: 980px) {
.down-load-base {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
width: 90%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.down-load-base li {
margin: 0 0 70px;
padding: 0;
width: 100%;
}
.down-load-base .sp-download-img {
width: 100%;
}
.down-load-base .sp-download-img img {
width: 100%;
height: auto;
}
}
.page-base-downloadform {
margin: 100px auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
max-width: 1000px;
}
.page-base-downloadform .downloadform-img {
margin: 0;
padding: 0;
width: 38%;
}
.page-base-downloadform .downloadform-img img {
width: 100%;
height: auto;
}
.page-base-downloadform .downloadform-base {
margin: 0;
padding: 30px 50px;
width: 52%;
border-radius: 20px;
background: #F4F4F4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-base-downloadform .downloadform-base .downloadform-heading {
margin: 0;
padding: 0 0 5px;
border-bottom: 1px solid #000;
text-align: center;
font-size: 26px;
font-weight: bold;
}
.page-base-downloadform .downloadform-base-01 {
margin: 0;
padding: 0;
width: 52%;
}
.page-base-downloadform .downloadform-base-01 .downloadform-heading {
margin: 0;
padding: 0;
text-align: center;
font-size: 20px;
font-weight: bold;
}
.page-base-downloadform .downloadform-base-01 .downloadform-box {
margin: 0;
padding: 10px 50px 30px;
border-radius: 20px;
background: #f4f4f4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-base-downloadform .downloadform-base-01 .downloadform-box .downloadform-heading-01 {
margin: 0;
padding: 0 0 5px;
border-bottom: 1px solid #000;
text-align: center;
font-size: 18px;
font-weight: bold;
}
@media screen and (max-width: 1000px) {
.page-base-downloadform {
margin: 100px 3%;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
max-width: 1000px;
}
}
@media screen and (max-width: 980px) {
.page-base-downloadform {
margin: 60px auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
width: 90%;
}
.page-base-downloadform .downloadform-img {
margin: 0;
padding: 0;
width: 100%;
}
.page-base-downloadform .downloadform-img img {
width: 100%;
height: auto;
}
.page-base-downloadform .downloadform-base-01 {
margin: 40px 0 0;
padding: 0;
width: 100%;
}
.page-base-downloadform .downloadform-base-01 .downloadform-heading {
margin: 0;
padding: 0;
text-align: center;
font-size: 20px;
font-weight: bold;
}
.page-base-downloadform .downloadform-base-01 .downloadform-box {
margin: 5px 0 0;
padding: 30px 30px 50px;
width: 100%;
border-radius: 20px;
background: #F4F4F4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.thanks-text {
margin: 30px 0 0;
padding: 0;
text-align: center;
}
@media screen and (max-width: 980px) {
.thanks-text {
margin: 30px 0 0;
padding: 0;
text-align: left;
}
}
.thanks-img {
margin: 0 auto;
padding: 0;
text-align: center;
}
@media screen and (max-width: 980px) {
.thanks-img {
margin: 0 auto;
padding: 0;
text-align: center;
}
.thanks-img img {
width: 100%;
height: auto;
}
}
.thanks-button-area {
margin: 80px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 1200px;
}
@media screen and (max-width: 980px) {
.thanks-button-area {
margin: 30px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 1200px;
}
}
#faq-index-base {
margin: 0;
padding: 0;
z-index: 999;
}
#faq-index-base.m_fixed {
left: 0;
position: fixed;
top: 80px;
border-bottom: 1px solid #ccc;
background: #F2F7FA;
width: 100%;
padding: 20px 0;
}
.faq-index-area {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 1200px;
}
.faq-index-area li {
margin: 0;
padding: 0;
width: 30%;
}
.faq-base {
margin: 100px auto 0;
padding: 60px 80px 80px;
border: 1px solid #036EB8;
max-width: 1200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
}
.faq-base .faq-heading {
margin: 0 0 50px;
padding: 0 0 5px;
text-align: center;
font-size: 26px;
font-weight: bold;
}
@media screen and (max-width: 980px) {
.faq-index-area {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.faq-index-area li {
margin: 0 0 25px;
padding: 0;
width: 100%;
}
.faq-base {
margin: 35px auto 0;
padding: 40px 20px 40px;
border: 1px solid #036EB8;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
}
.faq-base .faq-heading {
margin: 0 0 40px;
padding: 0 0 5px;
text-align: center;
font-size: 26px;
font-weight: bold;
}
}
.contact-base {
margin: 0 auto;
padding: 30px 70px 40px;
text-align: left;
max-width: 900px;
border-radius: 20px;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 980px) {
.contact-base {
margin: 0 auto;
padding: 20px 20px 30px;
text-align: left;
width: 100%;
border-radius: 20px;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.contact-form-area {
margin: 20px 0 0;
padding: 0;
}
.appli-contact-form-area {
margin: 50px 0 0;
padding: 40px 80px;
border: 0px solid #333;
border-radius: 20px;
background: #f4f4f4;
}
@media screen and (max-width: 980px) {
.appli-contact-form-area {
margin: 30px 0 0;
padding: 5px 20px 30px;
border: 0px solid #333;
border-radius: 20px;
background: #f4f4f4;
}
}
.page-sitemap-base {
margin: 0 auto;
padding: 100px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 800px;
text-align: left;
}
.page-sitemap-base li {
margin: 0;
padding: 0;
width: 50%;
}
.page-sitemap-base .sitemap-01 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-01.svg) no-repeat;
background-position: 0 6px;
}
.page-sitemap-base .sitemap-02 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-02.svg) no-repeat;
background-position: 0 6px;
}
.page-sitemap-base .sitemap-03 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-03.svg) no-repeat;
background-position: 0 6px;
}
.page-sitemap-base .sitemap-04 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-04.svg) no-repeat;
background-position: 0 10px;
}
.page-sitemap-base .sitemap-05 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-05.svg) no-repeat;
background-position: 0 8px;
}
.page-sitemap-base .sitemap-06 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-06.svg) no-repeat;
background-position: 0 6px;
position: relative;
}
.page-sitemap-base .sitemap-06::after {
position: absolute;
top: 10%;
left: 115px;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);
}
.page-sitemap-base .sitemap-07 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-07.svg) no-repeat;
background-position: 0 8px;
position: relative;
}
.page-sitemap-base .sitemap-07::after {
position: absolute;
top: 10%;
left: 215px;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);
}
.page-sitemap-base .sitemap-08 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-08.svg) no-repeat;
background-position: 0 8px;
}
.page-sitemap-base .sitemap-01 a,
.page-sitemap-base .sitemap-02 a,
.page-sitemap-base .sitemap-03 a,
.page-sitemap-base .sitemap-04 a,
.page-sitemap-base .sitemap-05 a,
.page-sitemap-base .sitemap-06 a,
.page-sitemap-base .sitemap-07 a,
.page-sitemap-base .sitemap-08 a {
position: relative;
display: inline-block;
text-decoration: none;
}
.page-sitemap-base .sitemap-01 a::after,
.page-sitemap-base .sitemap-02 a::after,
.page-sitemap-base .sitemap-03 a::after,
.page-sitemap-base .sitemap-04 a::after,
.page-sitemap-base .sitemap-05 a::after,
.page-sitemap-base .sitemap-06 a::after,
.page-sitemap-base .sitemap-07 a::after,
.page-sitemap-base .sitemap-08 a::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-sitemap-base .sitemap-01 a:hover::after,
.page-sitemap-base .sitemap-02 a:hover::after,
.page-sitemap-base .sitemap-03 a:hover::after,
.page-sitemap-base .sitemap-04 a:hover::after,
.page-sitemap-base .sitemap-05 a:hover::after,
.page-sitemap-base .sitemap-06 a:hover::after,
.page-sitemap-base .sitemap-07 a:hover::after,
.page-sitemap-base .sitemap-08 a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
@media screen and (max-width: 980px) {
.page-sitemap-base {
margin: 0 auto;
padding: 100px 0 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 75%;
text-align: left;
}
.page-sitemap-base li {
margin: 0;
padding: 0;
width: 100%;
}
}
.notfound-base {
margin: 100px 0 0;
padding: 0 0 100px;
background: #fff;
}
.notfound-img {
margin: 0 auto;
padding: 0;
text-align: center;
width: 350px;
}
.notfound-img img {
width: 100%;
height: auto;
}
@media screen and (max-width: 980px) {
.notfound-base {
margin: 0 auto;
padding: 100px 0 60px;
background: #fff;
width: 90%;
}
.notfound-img {
margin: 0 auto;
padding: 0;
text-align: center;
}
.notfound-img img {
width: 100%;
height: auto;
}
} .pickup-area {
margin: 122px 0 0;
padding: 40px 0;
width: 100%;
background: #F2F7FA;
-webkit-box-sizing: content-box;
box-sizing: content-box;
top: 180px;
}
.appli-base {
margin: 0 auto;
padding: 40px 0 150px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1200px;
}
.appli-base .appli-contents {
margin: 0 10px 0 0;
padding: 0;
width: 69%;
text-align: left;
}
.appli-base .appli-side {
margin: 0;
padding: 0;
width: 27%;
text-align: left;
list-style: none;
}
.appli-base .appli-side img {
margin: 0 0 10px;
padding: 0;
width: 100%;
height: auto;
}
.appli-base .appli-side .side-banner {
margin: 0 0 15px;
padding: 0;
}
.appli-base .appli-side .side-banner img {
width: 100%;
height: auto;
}
.appli-base .appli-side .side-banner-02 {
margin: 20px 0 0;
padding: 0;
}
.appli-base .appli-side .side-banner-02 img {
width: 100%;
height: auto;
}
.appli-base-02 {
margin: 0 auto;
padding: 60px 10px 150px;
max-width: 1000px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.appli-base-02 .appli-contents-02 {
margin: 80px 0 0;
padding: 0;
text-align: left;
}
.appli-base-03 {
margin: 0 auto;
padding: 60px 10px 150px;
max-width: 1200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.appli-base-03 .appli-contents-03 {
margin: 20px 0 0;
padding: 0;
text-align: left;
}
@media screen and (max-width: 1200px) {
.appli-base {
margin: 0 auto;
padding: 60px 1% 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 98%;
}
.appli-base-02 {
margin: 0 auto;
padding: 60px 10px 100px;
max-width: 98%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.appli-base-02 .appli-contents-02 {
margin: 40px 0 0;
padding: 0;
text-align: left;
}
.appli-base-03 {
margin: 0 auto;
padding: 60px 10px 100px;
width: 98%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.appli-base-03 .appli-contents-03 {
margin: 40px 0 0;
padding: 0;
text-align: left;
}
}
@media screen and (max-width: 980px) {
.pickup-area {
margin: 60px 0 0;
padding: 20px 0;
width: 100%;
background: #F2F7FA;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.appli-base {
margin: 0 auto;
padding: 20px 0 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.appli-base .appli-contents {
margin: 0 auto;
padding: 0;
width: 90%;
text-align: left;
}
.appli-base .appli-side {
margin: 80px auto 0;
padding: 0;
width: 90%;
text-align: left;
}
.appli-base .appli-side .side-banner {
margin: 0 0 15px;
padding: 0;
}
.appli-base .appli-side .side-banner img {
width: 100%;
height: auto;
}
.appli-base .appli-side .side-banner-02 {
margin: 20px 0 0;
padding: 0;
}
.appli-base .appli-side .side-banner-02 img {
width: 100%;
height: auto;
}
}
.side-contents {
margin: 30px 0 0;
padding: 0;
}
.side-contents li {
margin: 0 0 15px;
padding: 0 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ddd;
}
.side-contents li .side-img {
width: 80px;
height: 80px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.side-contents li .side-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.side-contents li .side-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.side-contents li .side-text {
width: 68%;
font-size: 14px;
line-height: 1.7;
}
.side-contents li .side-text a:hover {
text-decoration: underline;
}
.side-contents li .side-date {
margin: -3px 0 13px;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 4px;
font-size: 13px;
}
div.press {
padding: 2px 7px;
background: #FF5800;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
div.column {
padding: 2px 7px;
background: #E50012;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
div.event,
div.column-2,
div.report,
div.uncategorized,
div.feature,
div.contact {
padding: 2px 7px;
background: #036EB8;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
.press-top-contents {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.press-top-contents li {
margin: 0 0 70px;
padding: 0;
width: 31%;
}
.press-top-contents li .press-img {
width: 100%;
height: 160px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.press-top-contents li .press-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.press-top-contents li .press-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.press-top-contents li .press-top-date {
margin: 15px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.press-top-contents li .press-top-title {
margin: 10px 0 0;
padding: 0;
background-position: 0 7px;
font-size: 16px;
font-weight: bold;
line-height: 1.7;
}
.press-top-contents li .press-top-title a:hover {
text-decoration: underline;
}
.pressrelease-top-contents {
margin: 0 auto;
padding: 40px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pressrelease-top-contents li {
margin: 0 0 70px;
padding: 0;
width: 31%;
}
.pressrelease-top-contents li .press-img {
width: 100%;
height: 160px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.pressrelease-top-contents li .press-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.pressrelease-top-contents li .press-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.pressrelease-top-contents li .press-img div.press {
padding: 2px 7px;
background: #FF5800;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
.pressrelease-top-contents li .press-img div.column {
padding: 2px 7px;
background: #E50012;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
.pressrelease-top-contents li .press-top-date {
margin: 15px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.pressrelease-top-contents li .press-top-title {
margin: 10px 0 0;
padding: 0;
background-position: 0 7px;
font-size: 16px;
font-weight: bold;
line-height: 1.7;
}
.pressrelease-top-contents li .press-top-title a:hover {
text-decoration: underline;
}
@media screen and (max-width: 980px) {
.press-top-contents {
margin: 0 auto;
padding: 0 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.press-top-contents li {
margin: 0 0 40px;
padding: 0;
width: 100%;
}
.press-top-contents li .press-img {
width: 100%;
height: 200px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.press-top-contents li .press-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.press-top-contents li .press-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.press-top-contents li .press-img .press-top-category-press {
padding: 2px 7px;
background: #FF5800;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
.press-top-contents li .press-img .press-top-category-column {
padding: 2px 7px;
background: #E50012;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
.press-top-contents li .press-top-date {
margin: 15px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.press-top-contents li .press-top-title {
margin: 10px 0 0;
padding: 0;
background-position: 0 7px;
font-size: 16px;
font-weight: bold;
line-height: 1.7;
}
.press-top-contents li .press-top-title a:hover {
text-decoration: underline;
}
.pressrelease-top-contents {
margin: 30px auto 0;
padding: 0 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.pressrelease-top-contents li {
margin: 0 0 40px;
padding: 0;
width: 100%;
}
.pressrelease-top-contents li .press-img {
width: 100%;
height: 200px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.pressrelease-top-contents li .press-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.pressrelease-top-contents li .press-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.pressrelease-top-contents li .press-img .press-top-category-press {
padding: 2px 7px;
background: #FF5800;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
.pressrelease-top-contents li .press-img .press-top-category-column {
padding: 2px 7px;
background: #E50012;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
.pressrelease-top-contents li .press-top-date {
margin: 15px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.pressrelease-top-contents li .press-top-title {
margin: 10px 0 0;
padding: 0;
background-position: 0 7px;
font-size: 16px;
font-weight: bold;
line-height: 1.7;
}
.pressrelease-top-contents li .press-top-title a:hover {
text-decoration: underline;
}
}
.press-top-contents::after,
.pressrelease-top-contents::after {
display: block;
content: "";
width: 31%;
}
.page-navi {
margin: 0 0 50px;
padding: 0;
text-align: center;
}
.page-contents-title {
margin: 0;
padding: 0;
font-size: 34px;
font-weight: bold;
text-align: left;
line-height: 1.6;
}
@media screen and (max-width: 980px) {
.page-contents-title {
margin: 0;
padding: 0;
font-size: 22px;
font-weight: bold;
text-align: left;
line-height: 1.6;
}
}
.page-contents-date {
margin: 20px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 8px;
font-size: 14px;
}
.page-contents-eyecatch {
margin: 70px 0 0;
padding: 0;
}
@media screen and (max-width: 980px) {
.page-contents-eyecatch {
margin: 50px 0 0;
padding: 0;
}
}
.page-contents-textarea {
margin: 30px 0 0;
padding: 0;
text-align: left;
max-width: 100%; }
.page-contents-textarea h2.heading02 {
margin: 20px 0;
padding: 2px 0px 2px 20px;
font-size: 26px;
font-weight: bold;
line-height: 1.4;
position: relative;
}
.page-contents-textarea h2.heading02:before {
content: "";
position: absolute;
top: 5px;
left: 0px;
width: 8px;
height: calc(100% - 10px);
background-color: #036EB8;
border-radius: 4px;
}
.page-contents-textarea h3.heading03 {
margin: 20px 0;
font-weight: bold;
font-size: 20px;
line-height: 1.5;
}
@media screen and (max-width: 980px) {
.page-contents-textarea {
margin: 30px 0 0;
padding: 0;
text-align: left;
max-width: 100%;
}
.page-contents-textarea img {
width: 100%;
height: auto;
}
}
.page-category-area {
margin: 80px 0 0;
padding: 0;
text-align: left;
}
.page-category-area .cate-heading {
margin: 0;
padding: 0 0 0 25px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-category.svg) no-repeat;
background-position: 0 5px;
font-size: 14px;
font-weight: bold;
}
.page-category-area .cate-text {
margin: 0;
padding: 0;
font-size: 15px;
}
.page-category-area .cate-text a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.page-category-area .cate-text a::after {
position: absolute;
bottom: 3px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-category-area .cate-text a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.page-tag-area {
margin: 30px 0 0;
padding: 0;
text-align: left;
}
.page-tag-area .tag-heading {
margin: 0;
padding: 0 0 0 25px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-tag.svg) no-repeat;
background-position: 0 5px;
font-size: 14px;
font-weight: bold;
}
.page-tag-area .tag-button {
margin: 5px 10px 5px 0;
padding: 0 15px;
display: inline-block;
height: 28px;
text-align: center;
line-height: 25px;
border: 1px solid #ddd;
background-color: #F7F7F7;
font-size: 14px;
border-radius: 18px;
}
.page-tag-area .tag-button::before,
.page-tag-area .tag-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.page-tag-area .tag-button,
.page-tag-area .tag-button::before,
.page-tag-area .tag-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.page-tag-area .tag-button:hover {
border: 1px solid #036EB8;
background-color: #036EB8;
color: #fff;
}
.page-bottom-navi {
margin: 80px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page-bottom-navi .navi-left {
margin: 0;
padding: 0;
text-align: left;
width: 38%;
}
.page-bottom-navi .navi-left .navi-left-title {
margin: 0;
padding: 0 0 0 15px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-prev.svg) no-repeat;
background-position: 0 10px;
font-weight: bold;
}
.page-bottom-navi .navi-left .navi-left-title a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.page-bottom-navi .navi-left .navi-left-title a::after {
position: absolute;
bottom: 3px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-bottom-navi .navi-left .navi-left-title a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.page-bottom-navi .navi-left .navi-left-text {
margin: 0;
padding: 0;
font-size: 12px;
}
.page-bottom-navi .navi-left .navi-left-text a:hover {
text-decoration: underline;
}
.page-bottom-navi .navi-right {
margin: 0;
padding: 0;
text-align: right;
width: 38%;
}
.page-bottom-navi .navi-right .navi-right-title {
margin: 0;
padding: 0 15px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-next.svg) no-repeat;
background-position: right 10px;
font-weight: bold;
}
.page-bottom-navi .navi-right .navi-right-title a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.page-bottom-navi .navi-right .navi-right-title a::after {
position: absolute;
bottom: 3px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-bottom-navi .navi-right .navi-right-title a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.page-bottom-navi .navi-right .navi-right-text {
margin: 0;
padding: 0;
font-size: 12px;
text-align: left;
}
.page-bottom-navi .navi-right .navi-right-text a:hover {
text-decoration: underline;
}
@media screen and (max-width: 980px) {
.page-bottom-navi {
margin: 50px 0 0;
}
}
select {
padding: 10px 20px;
border-radius: 6px;
margin: 20px 0 0;
}
.appli-relate-base {
margin: 30px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.appli-relate-base li {
margin: 0 0 15px;
padding: 0 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ddd;
width: 47%;
}
.appli-relate-base li .relate-img {
width: 80px;
height: 80px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.appli-relate-base li .relate-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.appli-relate-base li .relate-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.appli-relate-base li .relate-text {
width: 68%;
font-size: 14px;
line-height: 1.7;
}
.appli-relate-base li .relate-text a:hover {
text-decoration: underline;
}
.appli-relate-base li .relate-date {
margin: -3px 0 13px;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 4px;
font-size: 13px;
}
@media screen and (max-width: 980px) {
.appli-relate-base {
margin: 30px 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.appli-relate-base li {
margin: 0 0 15px;
padding: 0 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ddd;
width: 100%;
}
} .pagination {
clear: both;
padding: 0;
position: relative;
font-size: 14px;
line-height: 14px;
text-align: center;
}
.pagination-box {
display: inline-block;
}
.pagination span, .pagination a {
display: block;
float: left;
margin: 20px 8px 0;
padding: 10px 12px 10px 12px;
text-decoration: none;
width: auto;
color: #333;
border-radius: 3px; background: #F2F7FA;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc; }
.pagination a:hover {
color: #fff; background: #036EB8; }
.pagination .current {
padding: 10px 12px 10px 12px;
color: #fff; background: #036EB8; } .search-error {
margin: 100px 0 150px;
text-align: center;
}
.search-result-contents {
margin: 40px 0 0;
padding: 0;
}
.search-result-contents li {
margin: 0 0 20px;
padding: 0 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ccc;
}
.search-result-contents li .search-img {
width: 140px;
height: 100px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.search-result-contents li .search-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.search-result-contents li .search-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.search-result-contents li .search-title {
width: 80%;
font-size: 15px;
line-height: 1.6;
font-weight: bold;
}
.search-result-contents li .search-title a:hover {
text-decoration: underline;
}
.search-result-contents li .search-title .search-date {
margin: 5px 0 13px;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 4px;
font-size: 13px;
font-weight: normal;
}
@media screen and (max-width: 980px) {
.search-result-contents {
margin: 30px 0 0;
padding: 0;
}
.search-result-contents li {
margin: 0 0 20px;
padding: 0 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ccc;
}
.search-result-contents li .search-img {
width: 100px;
height: 80px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.search-result-contents li .search-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.search-result-contents li .search-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.search-result-contents li .search-title {
width: 63%;
font-size: 16px;
line-height: 1.7;
font-weight: bold;
}
.search-result-contents li .search-title a:hover {
text-decoration: underline;
}
.search-result-contents li .search-title .search-date {
margin: 5px 0 13px;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;
background-position: 0 4px;
font-size: 13px;
font-weight: normal;
}
.searchform {
position: relative;
}
.searchfield {
font-size: 18px;
width: 100%;
margin: 0px;
padding: 10px;
border: solid 1px #bbb;
border-radius: 4px;
background-color: #efefef;
}
.searchsubmit {
position: absolute;
top: -2px;
right: 10px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-search.svg) no-repeat right; background-size: 24px 24px;
width: 40px;
height: 45px;
border: none;
text-indent: -9999px;
}
}
.column-author-area {
margin: 50px 0 0;
padding: 30px 50px 40px;
background: #F2F2F2;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
.column-author-area .column-author-heading {
margin: 0;
padding: 0 0 10px;
border-bottom: 1px solid #036EB8;
font-size: 20px;
font-weight: bold;
}
.column-author-area .column-textarea {
margin: 30px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.column-author-area .column-image {
margin: 0;
padding: 0;
width: 120px;
}
.column-author-area .column-image img {
border-radius: 50%; width: 120px; height: 120px;
-o-object-fit: cover;
object-fit: cover;
}
.column-author-area .column-text {
margin: 0;
padding: 0;
width: 78%;
line-height: 1.7;
}
.column-author-area .column-text .column-author01 {
margin: 0 0 10px;
padding: 0;
font-size: 18px;
}
.column-author-area .column-text .column-link {
margin: 10px 0 0;
padding: 0 0 0 25px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-columnlink.svg) no-repeat;
background-position: 0 7px;
font-size: 15px;
}
@media screen and (max-width: 980px) {
.column-author-area {
margin: 50px 0 0;
padding: 20px 30px 30px;
background: #F2F2F2;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
.column-author-area .column-author-heading {
margin: 0;
padding: 0 0 10px;
border-bottom: 1px solid #036EB8;
font-size: 20px;
font-weight: bold;
}
.column-author-area .column-textarea {
margin: 30px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.column-author-area .column-image {
margin: 0 auto;
padding: 0;
width: 200px;
}
.column-author-area .column-image img {
border-radius: 50%; width: 200px; height: 200px;
-o-object-fit: cover;
object-fit: cover;
}
.column-author-area .column-text {
margin: 20px 0 0;
padding: 0;
width: 100%;
line-height: 1.7;
}
.column-author-area .column-text .column-author01 {
margin: 10px 0;
padding: 0;
font-size: 18px;
}
.column-author-area .column-text .column-link {
margin: 20px 0 0;
padding: 0 0 0 25px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-columnlink.svg) no-repeat;
background-position: 0 7px;
font-size: 15px;
}
}
.column-button-area {
margin: 10px 0 0;
padding: 0;
text-align: right;
}
@media screen and (max-width: 980px) {
.column-button-area {
margin: 30px 0 0;
padding: 0;
text-align: center;
}
}
.bosyu-list {
margin: 30px 0 0;
padding: 0;
font-size: 20px;
font-weight: bold;
}
.bosyu-list li {
margin: 20px 0;
padding: 0 0 0 35px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-check-blue.svg) no-repeat;
background-position: 0 10px;
}
.bottom-pagenation {
margin: 50px 0 0;
padding: 0;
}
.mailmagazine-thanks {
margin: 80px auto;
padding: 0;
max-width: 90%;
}
@media screen and (max-width: 980px) {
.mailmagazine-thanks {
margin: 50px auto;
padding: 0;
max-width: 90%;
}
} .page-contents-textarea {
word-break: break-all;         }
.page-contents-textarea hr {
margin-bottom: 16px;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid #e9e9e9;
}
.page-contents-textarea img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
.page-contents-textarea b,
.page-contents-textarea strong {
font-weight: bold;
}
.page-contents-textarea blockquote {
clear: both;
margin: 20px 0px 25px;
margin: 1.25rem 0rem 1.5625rem;
-webkit-box-shadow: 2px 2px 13px #eeeeee;
box-shadow: 2px 2px 13px #eeeeee;
border: 1px solid #e9e9e9;
border-left: 4px solid #46a28d;
padding: 20px 25px;
padding: 1.25rem 1.5625rem;
}
.page-contents-textarea blockquote p:last-child {
margin-bottom: 3px;
}
.page-contents-textarea blockquote cite {
font-style: normal;
margin-bottom: 16px;
margin-bottom: 1rem;
font-size: 13px;
}
.page-contents-textarea dfn,
.page-contents-textarea cite,
.page-contents-textarea em,
.page-contents-textarea i {
font-style: italic;
}
.page-contents-textarea figure {
margin: 0;
}
.page-contents-textarea address {
margin-bottom: 16px;
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
.page-contents-textarea tt,
.page-contents-textarea kbd,
.page-contents-textarea pre,
.page-contents-textarea code,
.page-contents-textarea samp,
.page-contents-textarea var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
background-color: #f8f9f9;
padding: 7px;
padding: 0.4375rem;
border-radius: 2px;
}
.page-contents-textarea pre {
overflow: auto;
white-space: pre-wrap;
max-width: 100%;
line-height: 1.7;
margin: 0px 0px 16px;
margin: 0rem 0rem 1rem;
padding: 16px;
padding: 1rem;
}
.page-contents-textarea details summary {
font-weight: bold;
margin-bottom: 16px;
margin-bottom: 1rem;
}
.page-contents-textarea details :focus {
outline: none;
}
.page-contents-textarea abbr,
.page-contents-textarea acronym,
.page-contents-textarea dfn {
cursor: help;
font-size: 15px;
font-size: 0.9375rem;
text-transform: uppercase;
border-bottom: 1px dotted #e9e9e9;
letter-spacing: 1px;
}
.page-contents-textarea mark {
background-color: #f8f9f9;
text-decoration: none;
}
.page-contents-textarea small {
font-size: 82%;
}
.page-contents-textarea big {
font-size: 125%;
}
.page-contents-textarea table {
width: 100%;
max-width: 100%;
margin-bottom: 16px;
margin-bottom: 1rem;
border: 1px solid #e9e9e9;
margin: 20px auto 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-contents-textarea table th,
.page-contents-textarea table td {
padding: 12px;
padding: 0.75rem;
line-height: 1.5;
vertical-align: top;
border: 1px solid #e9e9e9;
}
.page-contents-textarea table thead th,
.page-contents-textarea table thead td {
vertical-align: bottom;
border-bottom: 2px solid #e9e9e9;
}
.page-contents-textarea table tbody + tbody {
border-top: 2px solid #e9e9e9;
}
.page-contents-textarea .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.page-contents-textarea .alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.page-contents-textarea .aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.page-contents-textarea .clear:before,
.page-contents-textarea .clear:after,
.page-contents-textarea .entry-content:before,
.page-contents-textarea .entry-content:after,
.page-contents-textarea .comment-content:before,
.page-contents-textarea .comment-content:after,
.page-contents-textarea .site-header:before,
.page-contents-textarea .site-header:after,
.page-contents-textarea .site-content:before,
.page-contents-textarea .site-content:after,
.page-contents-textarea .site-footer:before,
.page-contents-textarea .site-footer:after {
content: "";
display: table;
}
.page-contents-textarea .clear:after,
.page-contents-textarea .entry-content:after,
.page-contents-textarea .comment-content:after,
.page-contents-textarea .site-header:after,
.page-contents-textarea .site-content:after,
.page-contents-textarea .site-footer:after {
clear: both;
}
.page-contents-textarea .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.page-contents-textarea .wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.page-contents-textarea .wp-caption .wp-caption-text, .page-contents-textarea .wp-caption-dd {
margin: 0.8075em 0;
font-style: italic;
}
.page-contents-textarea .wp-caption-text, .page-contents-textarea .wp-caption-dd {
text-align: center;
}
.page-contents-textarea .gallery {
margin-bottom: 1.5em;
}
.page-contents-textarea .gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.page-contents-textarea .gallery-columns-2 .gallery-item {
max-width: 50%;
}
.page-contents-textarea .gallery-columns-2 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.page-contents-textarea .gallery-columns-3 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-4 .gallery-item {
max-width: 25%;
}
.page-contents-textarea .gallery-columns-4 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-5 .gallery-item {
max-width: 20%;
}
.page-contents-textarea .gallery-columns-5 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.page-contents-textarea .gallery-columns-6 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.page-contents-textarea .gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.page-contents-textarea .gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.page-contents-textarea .gallery-caption {
display: block;
}
.page-contents-textarea .page-content .wp-smiley,
.page-contents-textarea .entry-content .wp-smiley,
.page-contents-textarea .comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.page-contents-textarea embed,
.page-contents-textarea iframe,
.page-contents-textarea object {
max-width: 100%;
}
.pagination {
margin: 20px auto 0;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} .pagination .page-numbers {
margin-right: 10px;
padding: 10px 12px;
color: #333;
border-radius: 3px;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
background: #f2f7fa;
}
.pagination .current {
padding: 10px 12px;
background: #036EB8;
color: #fff;
}
.pagination .prev,
.pagination .next {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #036EB8;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
background: #f2f7fa;
padding: 10px 12px;
color: #333;
border-radius: 3px;
}
.pagination .dots {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.partner-base {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.partner-base li {
margin: 60px 0 0;
padding: 0;
width: 47%;
text-align: left;
}
@media screen and (max-width: 980px) {
.partner-base {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.partner-base li {
margin: 40px 0 0;
padding: 0;
width: 100%;
text-align: left;
}
}
.partner-heading {
margin: 0 0 0;
padding: 0 0 10px;
border-bottom: 3px solid #002F7C;
font-size: 26px;
font-weight: bold;
}
.partner-box {
margin: 25px 0 0;
padding: 0 0 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.partner-box .partner-image {
margin: 0;
padding: 0;
width: 25%;
}
.partner-box .partner-image img {
width: 100%;
height: auto;
}
.partner-box .partner-text {
margin: -10px 0 0;
padding: 0;
width: 70%;
}
@media screen and (max-width: 980px) {
.partner-box {
margin: 25px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.partner-box .partner-image {
margin: 0;
padding: 0;
width: 25%;
}
.partner-box .partner-image img {
width: 100%;
height: auto;
}
.partner-box .partner-text {
margin: -10px 0 0;
padding: 0;
width: 70%;
}
}
.page-applisitemap-base {
margin: 0 auto;
padding: 80px 0 0 10%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 800px;
text-align: left;
}
.page-applisitemap-base li {
margin: 0;
padding: 0;
width: 50%;
}
.page-applisitemap-base .applisitemap-01 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-01.svg) no-repeat;
background-position: 3px 12px;
}
.page-applisitemap-base .applisitemap-02 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-02.svg) no-repeat;
background-position: 0 8px;
}
.page-applisitemap-base .applisitemap-03 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-03.svg) no-repeat;
background-position: 0 12px;
}
.page-applisitemap-base .applisitemap-04 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-04.svg) no-repeat;
background-position: 3px 10px;
}
.page-applisitemap-base .applisitemap-05 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-05.svg) no-repeat;
background-position: 0 10px;
}
.page-applisitemap-base .applisitemap-06 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-06.svg) no-repeat;
background-position: 0 10px;
position: relative;
}
.page-applisitemap-base .applisitemap-07 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-07.svg) no-repeat;
background-position: 0 12px;
position: relative;
}
.page-applisitemap-base .applisitemap-08 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-08.svg) no-repeat;
background-position: 3px 7px;
position: relative;
}
.page-applisitemap-base .applisitemap-08::after {
position: absolute;
top: 10%;
left: 115px;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);
}
.page-applisitemap-base .applisitemap-09 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-09.svg) no-repeat;
background-position: 2px 8px;
position: relative;
}
.page-applisitemap-base .applisitemap-09::after {
position: absolute;
top: 10%;
left: 215px;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);
}
.page-applisitemap-base .applisitemap-10 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-10.svg) no-repeat;
background-position: 2px 8px;
position: relative;
}
.page-applisitemap-base .applisitemap-01 a,
.page-applisitemap-base .applisitemap-02 a,
.page-applisitemap-base .applisitemap-03 a,
.page-applisitemap-base .applisitemap-04 a,
.page-applisitemap-base .applisitemap-05 a,
.page-applisitemap-base .applisitemap-06 a,
.page-applisitemap-base .applisitemap-07 a,
.page-applisitemap-base .applisitemap-08 a,
.page-applisitemap-base .applisitemap-09 a,
.page-applisitemap-base .applisitemap-10 a {
position: relative;
display: inline-block;
text-decoration: none;
}
.page-applisitemap-base .applisitemap-01 a::after,
.page-applisitemap-base .applisitemap-02 a::after,
.page-applisitemap-base .applisitemap-03 a::after,
.page-applisitemap-base .applisitemap-04 a::after,
.page-applisitemap-base .applisitemap-05 a::after,
.page-applisitemap-base .applisitemap-06 a::after,
.page-applisitemap-base .applisitemap-07 a::after,
.page-applisitemap-base .applisitemap-08 a::after,
.page-applisitemap-base .applisitemap-09 a::after,
.page-applisitemap-base .applisitemap-10 a::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #002F7C;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-applisitemap-base .applisitemap-01 a:hover::after,
.page-applisitemap-base .applisitemap-02 a:hover::after,
.page-applisitemap-base .applisitemap-03 a:hover::after,
.page-applisitemap-base .applisitemap-04 a:hover::after,
.page-applisitemap-base .applisitemap-05 a:hover::after,
.page-applisitemap-base .applisitemap-06 a:hover::after,
.page-applisitemap-base .applisitemap-07 a:hover::after,
.page-applisitemap-base .applisitemap-08 a:hover::after,
.page-applisitemap-base .applisitemap-09 a:hover::after,
.page-applisitemap-base .applisitemap-10 a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
@media screen and (max-width: 980px) {
.page-applisitemap-base {
margin: 0 auto;
padding: 60px 0 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 75%;
text-align: left;
}
.page-applisitemap-base li {
margin: 0;
padding: 0;
width: 100%;
}
} .u-mt-xxsmall {
margin: 5px 0 0;
}
.u-mt-xsmall {
margin: 10px 0 0;
}
.u-mt-small {
margin: 20px 0 0;
}
.u-mt {
margin: 30px 0 0;
}
.u-mt-large {
margin: 40px 0 0;
}
.u-mt-xlarge {
margin: 50px 0 0;
}
.u-mt-xxlarge {
margin: 60px 0 0;
}
.u-mt-xxxlarge {
margin: 100px 0 0;
}
.u-mr-xxsmall {
margin: 0 5px 0 0;
}
.u-mr-xsmall {
margin: 0 10px 0 0;
}
.u-mr-small {
margin: 0 20px 0 0;
}
.u-mr {
margin: 0 30px 0 0;
}
.u-mr-large {
margin: 0 40px 0 0;
}
.u-mr-xlarge {
margin: 0 50px 0 0;
}
.u-mr-xxlarge {
margin: 0 60px 0 0;
}
.u-mb-xxsmall {
margin: 0 0 5px 0;
}
.u-mb-xsmall {
margin: 0 0 10px 0;
}
.u-mb-small {
margin: 0 0 20px 0;
}
.u-mb {
margin: 0 0 30px 0;
}
.u-mb-large {
margin: 0 0 40px 0;
}
.u-mb-xlarge {
margin: 0 0 50px 0;
}
.u-mb-xxlarge {
margin: 0 0 60px 0;
}
.u-ml-xxsmall {
margin: 0 0 0 5px;
}
.u-ml-xsmall {
margin: 0 0 0 10px;
}
.u-ml-small {
margin: 0 0 0 20px;
}
.u-ml {
margin: 0 0 0 30px;
}
.u-ml-large {
margin: 0 0 0 40px;
}
.u-ml-xlarge {
margin: 0 0 0 50px;
}
.u-ml-xxlarge {
margin: 0 0 0 60px;
} .align_c {
text-align: center;
}
.align_r {
text-align: right;
}
.align_l {
text-align: left;
}
.flo_l {
float: left;
}
.flo_r {
float: right;
}
.cboth {
clear: both;
}
span.suptext {
font-size: 75.5%;
vertical-align: top;
position: relative;
top: -0.1em;
}
span.subtext {
font-size: 75.5%;
vertical-align: bottom;
position: relative;
top: 0.1em;
} a {
color: #000;
}
a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none !important;
cursor: pointer;
}
.link a {
color: #036EB8;
}
.link a:hover {
text-decoration: underline;
color: #036EB8;
}
a.link {
color: #036EB8;
}
a:hover.link {
text-decoration: underline;
color: #036EB8;
} .header {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 80px;
padding: 0;
background: none;
z-index: 9999;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.header .inbox {
margin: 0 auto;
padding: 0 1%;
width: 98%;
text-align: left;
top: 0;
position: relative;
background: none;
height: 80px;
}
.header .inbox .h-logoarea {
margin: 20px 0 0;
padding: 0;
text-align: left;
display: inline-block;
width: 275px;
vertical-align: top;
}
.header .inbox .h-logoarea img {
width: 100%;
}
.header .inbox .h-logoarea img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none;
}
.header .inbox .h-rightbox {
margin: 0 80px 0 0;
padding: 0;
max-width: 710px;
float: right;
} .header-appli {
margin: 0;
padding: 0;
width: 100%;
height: 80px;
padding: 0;
background: #fff;
z-index: 9999;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
position: fixed;
}
.header-appli .inbox {
margin: 0 auto;
padding: 0 1%;
width: 98%;
text-align: left;
top: 0;
background: none;
height: 80px;
max-width:1200px;
}
.header-appli .inbox .h-logoarea {
margin: 18px 0 0;
padding: 0;
text-align: left;
display: inline-block;
width: 350px;
vertical-align: top;
}
.header-appli .inbox .h-logoarea img {
width: 100%;
}
.header-appli .inbox .h-logoarea img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none;
}
.header-appli .inbox .h-rightbox {
margin: 27px 0 0 30px;
padding: 0;
max-width: 340px;
display: inline-block;
font-size: 13px;
}
#gnav > ul {
display: table;
padding-left: 0;
right: 0;
margin: 5px 0 0;
}
#gnav > ul {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#gnav > ul > li:first-child {
display: table-cell;
padding: 0 60px 0 0;
margin: 0;
}
#gnav > ul > li {
display: table-cell;
padding: 0 50px 0 0;
margin: 0;
}
#gnav > ul > li img {
width: 90%;
height: auto;
}
#gnav > ul > li:hover {
color: #000;
cursor: pointer;
}
#gnav > ul > li:hover > a {
color: #000;
opacity: 1;
}
#gnav > ul > li:hover .menu {
max-height: 9999px;
opacity: 1;
}
#gnav > ul > li > a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 5px 0px 0 0;
position: relative;
display: inline-block;
text-decoration: none;
}
#gnav > ul > li > a::after {
position: absolute;
bottom: 4px;
left: 0;
content: "";
width: 90%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
#gnav > ul > li > a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
@media screen and (max-width: 1030px) {
#gnav > ul > li:first-child {
display: table-cell;
margin: 0px 0 0;
padding: 0px 40px 0 0;
}
#gnav > ul > li:first-child img {
width: 90%;
}
#gnav > ul > li {
display: table-cell;
margin: 0px 0 0;
padding: 0px 30px 0 0;
}
#gnav > ul > li img {
width: 90%;
}
} #headbar { position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 999;
}
#header-scroll {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 80px;
background: rgba(255, 255, 255, 0.8);
color: #000;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
border-bottom: 1px solid #ccc; }
#header-scroll .inbox {
margin: 0 auto;
padding: 0 1%;
width: 98%;
text-align: left;
top: 0;
position: relative;
background: none;
height: 80px;
}
#header-scroll .inbox .h-logoarea {
margin: 22px 0 0;
padding: 0;
text-align: left;
display: inline-block;
width: 275px;
vertical-align: top;
}
#header-scroll .inbox .h-logoarea img {
width: 100%;
}
#header-scroll .inbox .h-logoarea img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none;
}
#header-scroll .inbox .h-rightbox {
margin: 0 80px 0 0;
padding: 0;
max-width: 710px;
float: right;
}
#header-scroll #gnav-scroll > ul {
display: table;
padding-left: 0;
right: 0;
margin: 5px 0 0;
}
#header-scroll #gnav-scroll > ul {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#header-scroll #gnav-scroll > ul > li:first-child {
display: table-cell;
padding: 0 60px 0 0;
margin: 0;
}
#header-scroll #gnav-scroll > ul > li {
display: table-cell;
padding: 0 50px 0 0;
margin: 0;
}
#header-scroll #gnav-scroll > ul > li img {
width: 90%;
}
#header-scroll #gnav-scroll > ul > li:hover {
color: #000;
cursor: pointer;
}
#header-scroll #gnav-scroll > ul > li:hover > a {
color: #000;
opacity: 1;
}
#header-scroll #gnav-scroll > ul > li:hover .menu {
max-height: 9999px;
opacity: 1;
}
#header-scroll #gnav-scroll > ul > li > a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 3px 0px 0 0;
position: relative;
display: inline-block;
text-decoration: none;
}
#header-scroll #gnav-scroll > ul > li > a img {
width: 90%;
height: auto;
}
#header-scroll #gnav-scroll > ul > li > a::after {
position: absolute;
bottom: 4px;
left: 0;
content: "";
width: 90%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
#header-scroll #gnav-scroll > ul > li > a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
#header-scroll .header-appli-scroll {
top: 0;
left: 0;
width: 100%;
height: 80px;
padding: 0;
background: none;
z-index: 9999;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
#header-scroll .header-appli-scroll .inbox {
margin: 0 auto;
padding: 0 1%;
width: 98%;
text-align: left;
top: 0;
background: none;
height: 80px;
}
#header-scroll .header-appli-scroll .inbox .h-logoarea {
margin: 18px 0 0;
padding: 0;
text-align: left;
display: inline-block;
width: 350px;
vertical-align: top;
}
#header-scroll .header-appli-scroll .inbox .h-logoarea img {
width: 100%;
}
#header-scroll .header-appli-scroll .inbox .h-logoarea img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none;
}
#header-scroll .header-appli-scroll .inbox .h-rightbox-scroll {
margin: 27px 0 0 30px;
padding: 0;
max-width: 340px;
display: inline-block;
font-size: 13px;
}
.appli-navi {
margin: 0;
padding: 5px 1% 2px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
width: 98%;
position: fixed;
top: 80px;
background: #fff;
z-index: 9999;
}
.appli-navi .applinavi-in {
margin: 0 auto;
padding: 0;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-weight: bold;
font-size: 14px;
}
.appli-navi .applinavi-in li {
margin: 0;
padding: 0;
}
.appli-navi .applinavi-in li > a.navi-link {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.appli-navi .applinavi-in li > a.navi-link::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #002F7C;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.appli-navi .applinavi-in li > a.navi-link:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.appli-navi .applinavi-in li > a.appservice {
padding: 0 0 0 23px;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-arrow-blk.svg) no-repeat;
background-position: 0 6px;
}
.appli-navi .applinavi-in li > a.appservice::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #002F7C;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.appli-navi .applinavi-in li > a.appservice:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.appli-navi .applinavi-in li a.navi-search:hover {
opacity: 0.5;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.appli-navi .applinavi-in li.navi-last {
margin: 0;
padding: 3px 0 0;
position: relative;         }
.appli-navi .applinavi-in li.navi-last .open-btn {
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-search.svg) no-repeat 20px 3px; background-size: 20px 20px;
width: 50px;
height: 30px;
cursor: pointer; }
.appli-navi .applinavi-in li.navi-last .open-btn.btnactive {
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon_close.svg) no-repeat 20px 3px; background-size: 18px 18px;
}
.appli-navi .applinavi-in li.navi-last #search-wrap {
position: absolute; top: 0;
right: 0;
z-index: -1; opacity: 0; width: 0; -webkit-transition: all 0.4s;
transition: all 0.4s; border-radius: 8px;
}
.appli-navi .applinavi-in li.navi-last #search-wrap.panelactive {
opacity: 1; z-index: 3; width: 280px;
padding: 20px;
top: 38px;
right: 0px;
background: #eee;
-webkit-box-shadow: 3px 3px 3px rgba(0, 47, 124, 0.5);
box-shadow: 3px 3px 3px rgba(0, 47, 124, 0.5);
}
.appli-navi .applinavi-in li.navi-last #search-wrap #searchform {
display: none; }
.appli-navi .applinavi-in li.navi-last #search-wrap.panelactive #searchform {
display: block; }
.appli-navi .applinavi-in li.navi-last #search-wrap input {
-webkit-appearance: none; outline: none;
cursor: pointer; color: #666;
}
.appli-navi .applinavi-in li.navi-last #search-wrap input[type=text] {
width: 100%;
border: none;
border-bottom: 2px solid #ccc;
-webkit-transition: all 0.5s;
transition: all 0.5s;
letter-spacing: 0.05em;
height: 46px;
padding: 10px;
}
.appli-navi .applinavi-in li.navi-last #search-wrap input[type=text]:focus {
background: #fff; }
.appli-navi .applinavi-in li.navi-last #search-wrap input[type=submit] {
position: absolute;
top: 12px;
right: 30px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-search.svg) no-repeat right; background-size: 20px 20px;
width: 30px;
height: 60px;
border: none;
text-indent: -9999px;
}
@media screen and (max-width: 980px) {
.sp-logo {
margin: 0;
padding: 14px 0 0;
text-align: left;
width: 230px;
}
.sp-logo img {
width: 100%;
height: auto;
} .drawer-spmenu-01 {
margin: 0;
padding: 20px 0 20px;
font-size: 20px;
border-bottom: 1px solid #ccc;
}
.drawer-spmenu-01 a {
color: #000;
}
.sp-menu-link-01 {
margin: 25px 0 0;
padding: 0 40px 0 0;
font-size: 18px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: 85px 13px;
}
.sp-menu-link-01 a {
color: #000;
}
.sp-menu-link-02 {
margin: 25px 0 0;
padding: 0 40px 0 0;
font-size: 18px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: 193px 13px;
}
.sp-menu-link-02 a {
color: #000;
}
.sp-menu-link-03 {
margin: 25px 0 0;
padding: 0;
font-size: 18px;
}
.sp-menu-link-03 a {
color: #000;
}
}
.footer-pagebottom-contact {
margin: 0;
padding: 60px 0;
min-height: 250px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-bg-pagebtm-contact.jpg) no-repeat;
background-size: cover;
background-position: center 0;
position: relative;
z-index: 0;
}
.footer-pagebottom-contact::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #036EB8;
opacity: 0.7;
display: block;
z-index: 0;
}
@media screen and (max-width: 980px) {
.footer-pagebottom-contact {
margin: 0;
padding: 80px 0 30px;
min-height: 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-bg-pagebtm-contact.jpg) no-repeat;
background-size: cover;
background-position: center top;
position: relative;
z-index: 0;
}
.footer-pagebottom-contact::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #036EB8;
opacity: 0.8;
display: block;
z-index: 0;
}
}
.footter-pagebottom-heading {
margin: 60px auto 50px;
padding: 0;
font-size: 30px;
text-align: center;
}
@media screen and (max-width: 980px) {
.footter-pagebottom-heading {
margin: 60px auto 30px;
padding: 0;
font-size: 30px;
text-align: center;
}
}
.footer-base-area {
margin: 0;
padding: 50px 0 50px;
background: #F2F7FA;
width: 100%;
text-align: left;
}
.footerbox {
margin: 0 auto;
padding: 0;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footerbox .footer-logo-area {
margin: 0 0 0 10px;
padding: 0;
width: 250px;
text-align: left;
}
.footerbox .footer-logo-area img {
width: 100%;
height: auto;
}
.footerbox .footer-menubox {
margin: 2px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 700px;
font-size: 15px;
}
.footer-contact-base {
margin: 20px auto 0;
padding: 0 0 0 10px;
max-width: 1200px;
text-align: left;
}
.footer-contact-base .footer-contact-box {
margin: 0;
padding: 15px 20px;
border: 1px solid #000;
max-width: 300px;
}
@media screen and (max-width: 980px) {
.footerbox .footer-logo-area {
margin: 30px 0 0 20px;
padding: 0;
width: 28%;
position: absolute;
top: 50px;
left: 0;
}
}
.f-menu {
position: relative;
width: 100%;
height: 20px;
max-width: 1050px;
margin: 0 auto;
}
.f-menu > li {
float: left;
width: 16.666%; height: 40px;
line-height: 50px;
background: rgba(255, 255, 255, 0);
}
.f-menu > li a {
display: block;
color: #000;
}
.f-menu > li a:hover {
color: #333;
}
ul.menu__second-level {
visibility: hidden;
opacity: 0;
z-index: 1;
}
.f-menu > li:hover {
background: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.menu__second-level li {
border-top: 1px solid #fff;
color: #fff;
}
.menu__second-level li a {
color: #000;
font-size: 85%;
padding: 10px 3px;
}
.menu__second-level li a:hover {
background: #eee;
} .f-menu:before,
.f-menu:after {
content: " ";
display: table;
}
.f-menu:after {
clear: both;
}
.f-menu {
*zoom: 1;
}
.f-menu > li.menu__single {
position: relative;
}
li.menu__single ul.menu__second-level {
position: absolute;
top: 20px;
width: 100%;
background: #036EB8;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
line-height: 1.2;
}
li.menu__single:hover ul.menu__second-level {
top: 40px;
visibility: visible;
opacity: 1;
}
.footer-copyright-box {
margin: 0 auto;
padding: 10px 0 10px 0;
text-align: left;
width: 100%;
background: #ddd;
}
.footer-copyright-box .inbox {
margin: 0 auto;
padding: 0;
font-size: 14px;
color: #000;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-copyright-box .footer-link-area {
margin: 0;
padding: 0;
width: 400px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: right;
}
.footer-copyright-box .footer-link {
margin: 0;
padding: 0 17px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: right 9px;
}
.footer-menulink a {
position: relative;
display: inline-block;
text-decoration: none;
}
.footer-menulink a::after {
position: absolute;
bottom: -2px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.footer-menulink a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.footer-appli-menulink a {
position: relative;
display: inline-block;
text-decoration: none;
}
.footer-appli-menulink a::after {
position: absolute;
bottom: -2px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #002F7C;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.footer-appli-menulink a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
@media screen and (max-width: 980px) {
.spfooterbox {
margin: 0;
padding: 60px 5% 30px;
width: 90%;
background: #F2F7FA;
}
.sp-contact-area {
margin: 30px auto 0;
padding: 20px;
border: 1px solid #000;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
.footer-tel {
margin: 20px 0 0;
padding: 0;
}
.footer-tel img {
width: 100%;
height: auto;
}
.sp-footer-menu {
margin: 10px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sp-footer-menu li {
margin: 30px 0 0;
padding: 0;
width: 49%;
text-align: left;
}
.sp-foorer-bottom {
margin: 0;
padding: 0;
background: #ddd;
text-align: left;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox {
margin: 0 auto;
padding: 30px 0 15px;
width: 90%;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-01 {
margin: 0;
padding: 0 20px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: 80px 10px;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-02 {
margin: 20px 0 0;
padding: 0 20px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: 180px 10px;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-03 {
margin: 20px 0 0;
padding: 0;
}
.sp-copyright {
margin: 50px 0 0;
padding: 0;
line-height: 1.6;
text-align: center;
font-size: 14px;
}
}
@media screen and (max-width: 980px) {
.sp-appli-footerbox {
margin: 0;
padding: 30px 5% 30px;
width: 90%;
background: #002F7C;
color: #fff;
}
.sp-appli-logonote {
margin: 0;
padding: 0;
text-align: center;
font-size: 14px;
}
.sp-appli-footer-menu {
margin: 10px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sp-appli-footer-menu li {
margin: 30px 0 0;
padding: 0;
width: 43%;
text-align: left;
font-size: 14px;
}
}
@media screen and (max-width: 980px) and (max-width: 980px) {
.sp-appli-footer-menu {
margin: 10px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sp-appli-footer-menu li {
margin: 30px 0 0;
padding: 0;
width: 43%;
text-align: left;
font-size: 14px;
}
.sp-appli-footer-menu li a {
color: #fff;
}
}
@media screen and (max-width: 980px) {
.sp-foorer-bottom {
margin: 0;
padding: 0;
background: #ddd;
text-align: left;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox {
margin: 0 auto;
padding: 30px 0 15px;
width: 90%;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-01 {
margin: 0;
padding: 0 20px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: 80px 10px;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-02 {
margin: 20px 0 0;
padding: 0 20px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;
background-position: 180px 10px;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-03 {
margin: 20px 0 0;
padding: 0;
}
}
@media screen and (max-width: 980px) {
.sp-copyright {
margin: 50px 0 0;
padding: 0;
line-height: 1.6;
text-align: center;
font-size: 14px;
}
} .footer-appli-base-area {
margin: 0;
padding: 50px 1% 30px;
background: #002F7C;
width: 98%;
text-align: left;
color: #fff;
}
.footer-appli-box {
margin: 0 auto;
padding: 0;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-appli-box .footer-logo-area {
margin: 0;
padding: 0;
width: 300px;
text-align: left;
font-size: 14px;
line-height: 1.6;
}
.footer-appli-box .footer-logo-area img {
width: 100%;
height: auto;
}
.footer-appli-box .footer-menubox {
margin: 2px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 375px;
font-size: 15px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-appli-box .footer-menubox li {
margin: 0 0 10px;
}
.footer-appli-box .footer-menubox li .footer-applimenu {
margin: 0 0 20px;
}
.footer-appli-box .footer-menubox li .footer-applimenu > a {
color: #fff;
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.footer-appli-box .footer-menubox li .footer-applimenu > a::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #E50012;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.footer-appli-box .footer-menubox li .footer-applimenu > a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
} #page-top, #form-page-top {
position: fixed;
right: 12px;
z-index: 10;
}
#page-top a, #form-page-top a {
text-decoration: none;
display: block;
}
#page-top a:hover, #form-page-top a:hover {
text-decoration: none;
}
@media screen and (max-width: 980px) {
#sp-page-top, #spform-page-top {
position: fixed;
right: 15px;
z-index: 9;
margin: 0;
}
#sp-page-top a, #spform-page-top a {
text-decoration: none;
color: #fff;
width: 100%;
padding: 0;
text-align: center;
display: block;
}
#sp-page-top a:hover, #spform-page-top a:hover {
text-decoration: none;
}
#sp-page-top img, #spform-page-top img {
width: 100%;
}
}
.header-contact-button {
position: absolute;
right: 0;
display: inline-block;
width: 110px;
height: 80px;
text-align: center;
text-decoration: none;
line-height: 80px;
outline: none;
background-color: #F05454;
color: #fff;
vertical-align: top;
font-size: 16px;
padding: 13px 0 0;
}
.header-contact-button::before,
.header-contact-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.header-contact-button,
.header-contact-button::before,
.header-contact-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.header-contact-button:hover {
background-color: #ff9696;
}
@media screen and (max-width: 1380px) {
.header-contact-button {
position: absolute;
right: 0;
display: inline-block;
width: 110px;
height: 80px;
text-align: center;
text-decoration: none;
line-height: 25px;
outline: none;
background-color: #F05454;
color: #fff;
vertical-align: top;
font-size: 16px;
padding: 16px 5px 0;
}
}
.top-button {
position: relative;
display: inline-block;
padding: 15px 0;
background-color: #F05454;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 30px;
width: 640px;
border-radius: 50px;
}
.top-button::after {
position: absolute;
top: 12%;
right: 0.5em;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-arrow-wh.svg);
margin-top: -5px;
border-left-color: #fff;
}
.top-button:hover {
background-color: #ff9696;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.top-button:hover::after {
-webkit-animation: arrow 0.4s;
animation: arrow 0.4s;
}
@-webkit-keyframes arrow {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@keyframes arrow {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@media screen and (max-width: 980px) {
.top-button {
position: relative;
display: inline-block;
padding: 15px 0;
background-color: #F05454;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 22px;
width: 100%;
border-radius: 50px;
}
.top-button::after {
position: absolute;
top: 15%;
right: 0.5em;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sp-arrow-wh.svg);
margin-top: -5px;
border-left-color: #fff;
}
}
.top-contact-button {
position: relative;
display: inline-block;
padding: 15px 0;
background: none;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 30px;
width: 450px;
border-radius: 50px;
border: 1px solid #fff;
}
.top-contact-button::after {
position: absolute;
top: 12%;
right: 0.5em;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-arrow-wh.svg);
margin-top: -5px;
border-left-color: #fff;
}
.top-contact-button:hover {
background-color: rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.top-contact-button:hover::after {
-webkit-animation: arrow-contact 0.4s;
animation: arrow-contact 0.4s;
}
@-webkit-keyframes arrow-contact {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@keyframes arrow-contact {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@media screen and (max-width: 980px) {
.top-contact-button {
position: relative;
display: inline-block;
padding: 15px 0;
background: none;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 22px;
width: 100%;
border-radius: 50px;
border: 1px solid #fff;
margin: 0 0 50px;
}
.top-contact-button::after {
position: absolute;
top: 18%;
right: 0.5em;
content: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sp-arrow-wh.svg);
margin-top: -5px;
border-left-color: #fff;
}
.top-contact-button:hover {
background-color: rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.top-contact-button:hover::after {
-webkit-animation: arrow-contact 0.4s;
animation: arrow-contact 0.4s;
}
@-webkit-keyframes arrow-contact {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@keyframes arrow-contact {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
}
.download-button {
display: inline-block;
width: 100%;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 54px;
outline: none;
background-color: #fff;
color: #036EB8;
border: 1px solid #036EB8;
border-radius: 8px;
margin: 20px 0 0;
}
.download-button::before,
.download-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.download-button,
.download-button::before,
.download-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.download-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
.page-back-button {
display: inline-block;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 52px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0 10px;
padding: 0 20px;
font-size: 18px;
}
.page-back-button::before,
.page-back-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.page-back-button,
.page-back-button::before,
.page-back-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.page-back-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.page-back-button {
display: inline-block;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 52px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 30px 10px 0;
padding: 0 20px;
font-size: 18px;
width: 100%;
}
.page-back-button::before,
.page-back-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.page-back-button,
.page-back-button::before,
.page-back-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.page-back-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
}
.faq-index-button {
display: inline-block;
height: 60px;
text-align: center;
text-decoration: none;
line-height: 58px;
outline: none;
background-color: #036EB8;
color: #fff;
border: 1px solid #036EB8;
border-radius: 8px;
margin: 0;
padding: 0 20px;
font-size: 22px;
width: 100%;
}
.faq-index-button::before,
.faq-index-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.faq-index-button,
.faq-index-button::before,
.faq-index-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.faq-index-button:hover {
color: #036EB8;
background-color: #fff;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.faq-index-button {
display: inline-block;
height: 60px;
text-align: center;
text-decoration: none;
line-height: 58px;
outline: none;
background-color: #036EB8;
color: #fff;
border: 1px solid #036EB8;
border-radius: 8px;
margin: 0;
padding: 0 20px;
font-size: 20px;
width: 100%;
}
}
.column-button {
display: inline-block;
height: 40px;
text-align: center;
text-decoration: none;
line-height: 38px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0 10px;
padding: 0 20px;
font-size: 16px;
}
.column-button::before,
.column-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.column-button,
.column-button::before,
.column-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.column-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.column-button {
display: inline-block;
height: 50px;
text-align: center;
text-decoration: none;
line-height: 48px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0;
padding: 0 20px;
font-size: 16px;
width: 100%;
}
.column-button::before,
.column-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.column-button,
.column-button::before,
.column-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.column-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
}
.partner-button {
display: inline-block;
height: 40px;
text-align: center;
text-decoration: none;
line-height: 38px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0 10px;
padding: 0 20px;
font-size: 16px;
position: absolute;
bottom: 0;
right: 0;
}
.partner-button::before,
.partner-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.partner-button,
.partner-button::before,
.partner-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.partner-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.partner-button {
display: block;
height: 40px;
text-align: center;
text-decoration: none;
line-height: 38px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 20px 0 0;
padding: 0 20px;
font-size: 16px;
position: relative;
}
}
.notfound-button {
display: inline-block;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 52px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0 10px;
padding: 0 20px;
font-size: 16px;
}
.notfound-button::before,
.notfound-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.notfound-button,
.notfound-button::before,
.notfound-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.notfound-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.notfound-button {
display: inline-block;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 52px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 30px 10px 0;
padding: 0 10px;
font-size: 15px;
width: 100%;
}
.notfound-button::before,
.notfound-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.notfound-button,
.notfound-button::before,
.notfound-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.notfound-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
}
.footer-entry-btn-area {
margin: 80px auto 0;
padding: 0;
max-width: 970px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-entry-btn-area li {
margin: 0;
padding: 0;
width: 400px;
}
@media screen and (max-width: 980px) {
.footer-entry-btn-area {
margin: 0 auto;
padding: 0;
width: 90%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-entry-btn-area li {
margin: 0;
padding: 0;
width: 100%;
}
} .formtb dl, .formtb dt, .formtb dd {
margin: 0;
padding: 0;
}
.formtb dl {
display: table;
border-style: none solid none solid;
width: 99%;
}
.formtb dl:last-child {
border-style: none solid solid solid;
}
.formtb dt {
display: table-cell;
vertical-align: top;
padding: 25px 0 10px;
}
.formtb dd {
display: table-cell;
padding: 20px 0;
text-align: left;
width: 75%;
vertical-align: middle;
}
@media screen and (max-width: 980px) {
.formtb {
margin: 0;
padding: 0;
}
.formtb dd {
margin: 0px 0 10px auto;
border-left: none;
padding: 0;
border-top: 0px;
width: 100%;
}
.formtb dl {
width: auto;
}
.formtb dt, .formtb dd, .formtb dl {
display: block;
}
}
.form-must {
width: 50px;
height: 24px;
margin-top: -12px;
margin-right: 10px;
font-size: 12px;
text-align: center;
line-height: 24px;
padding: 4px 7px;
border-radius: 6px;
background: #F05454;
color: #fff;
}
.downloadform-must {
margin: 30px 0 0;
padding: 0 0 0 55px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-must.svg) no-repeat;
background-position: 0 5px;
text-align: left;
}
.downloadform-must-01 {
margin: 15px 0 0;
padding: 0 0 0 55px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-must.svg) no-repeat;
background-position: 0 5px;
text-align: left;
}
.form-note {
margin: 2px 0 0;
padding: 0;
text-align: left;
font-size: 11px;
color: #555;
}
.input-01 {
width: 100%;
height: 50px;
border: 1px solid #e1e1e1;
background: #fff;
border-radius: 6px;
padding-left: 10px;
font-size: 15px;
}
.input-02 {
width: 35%;
height: 50px;
border: 1px solid #e1e1e1;
background: #fff;
border-radius: 6px;
padding-left: 10px;
font-size: 15px;
}
.form-date-txt {
font-size: 15px;
display: inline-block;
width: 20px;
margin: 0 15px 0 5px;
}
.inputmessage-01 {
width: 100%;
margin: 0;
height: 150px;
border: 1px solid #e1e1e1;
border-radius: 6px;
background: #fff;
padding: 10px;
font-size: 15px;
margin-left: 0;
}
.input-01a {
width: 100%;
height: 40px;
border: 1px solid #e1e1e1;
background: #fff;
border-radius: 6px;
padding-left: 10px;
font-size: 15px;
}
.input-02a {
width: 35%;
height: 50px;
border: 1px solid #e1e1e1;
background: #fff;
border-radius: 6px;
padding-left: 10px;
font-size: 15px;
}
.downloadform-button-area {
margin: 10px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.submit-button {
display: inline-block;
margin: 20px 0 0;
padding: 10px 0px;
background: #036EB8;
color: #fff;
width: 200px;
border: none;
font-size: 16px;
border-radius: 12px;
}
.submit-button:hover {
margin: 20px 0 0;
padding: 10px 0;
background: #0284de;
color: #fff;
width: 200px;
border: none;
font-size: 16px;
border-radius: 12px;
cursor: pointer;
}
.back-button {
display: inline-block;
margin: 20px 15px 0;
padding: 10px 0px;
background: #999;
color: #fff;
width: 100px;
border: none;
font-size: 16px;
border-radius: 12px;
}
.back-button:hover {
margin: 20px 15px 0;
padding: 10px 0;
background: #cccccc;
color: #fff;
width: 100px;
display: inline-block;
border: none;
font-size: 16px;
border-radius: 12px;
cursor: pointer;
}
.privacy-area {
margin: 5px 0 0;
padding: 0;
font-size: 14px;
text-align: center;
}
@media screen and (max-width: 980px) {
.privacy-area {
margin: 20px 0 0;
padding: 0;
font-size: 14px;
text-align: center;
}
}
@media screen and (max-width: 980px) {
.submit-button {
display: inline-block;
margin: 20px 0 0;
padding: 10px 0px;
background: #036EB8;
color: #fff;
width: 50%;
border: none;
font-size: 18px;
border-radius: 12px;
}
.submit-button:hover {
margin: 20px 0 0;
padding: 10px 0;
background: #0284de;
color: #fff;
width: 50%;
border: none;
font-size: 18px;
border-radius: 12px;
}
.back-button {
display: inline-block;
margin: 20px 3% 0 0;
padding: 10px;
background: #999;
color: #fff;
width: 25%;
border: none;
font-size: 18px;
border-radius: 12px;
}
.back-button:hover {
margin: 20px 3% 0 0;
padding: 10px;
background: #cccccc;
color: #fff;
width: 25%;
display: inline-block;
border: none;
font-size: 18px;
border-radius: 12px;
}
}
.mw_wp_form_confirm .formtb dd.input-text {
margin: 0;
padding: 10px 0 0;
}
.top-contents-title {
margin: 0;
padding: 0;
text-align: center;
font-size: 40px;
font-weight: bold;
color: #fff;
}
.top-contents-title-02 {
position: relative;
display: inline-block;
padding: 0 70px;
font-size: 40px;
font-weight: bold;
}
.top-contents-title-02:before,
.top-contents-title-02:after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}
.top-contents-title-02:before {
left: 0;
}
.top-contents-title-02:after {
right: 0;
}
@media screen and (max-width: 980px) {
.top-contents-title {
margin: 0;
padding: 0;
text-align: center;
font-size: 30px;
font-weight: bold;
color: #fff;
line-height: 1.5;
}
.top-contents-title-02 {
position: relative;
display: inline-block;
padding: 0;
font-size: 30px;
font-weight: bold;
line-height: 1.5;
}
.top-contents-title-02:before,
.top-contents-title-02:after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 0px;
background-color: black;
}
.top-contents-title-02:before {
left: 0;
}
.top-contents-title-02:after {
right: 0;
}
}
.top-about-heading {
margin: 0;
padding: 0;
font-size: 26px;
font-weight: bold;
color: #00ADE1;
line-height: 1.5;
position: absolute;
left: 80px;
top: 0;
}
.top-about-heading-02 {
margin: 0;
padding: 0;
font-size: 26px;
font-weight: bold;
color: #00ADE1;
line-height: 1.5;
position: absolute;
left: 80px;
top: 15px;
}
@media screen and (max-width: 1200px) {
.top-about-heading,
.top-about-heading-02 {
font-size: 22px;
}
} .appli-heading {
border-bottom: solid 3px #ddd;
position: relative;
font-size: 24px;
font-weight: bold;
}
.appli-heading:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #002F7C;
bottom: -3px;
width: 14%;
}
.appli-side-heading {
border-bottom: solid 3px #ddd;
position: relative;
font-size: 20px;
font-weight: bold;
margin: 30px 0 0;
}
.appli-side-heading:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #002F7C;
bottom: -3px;
width: 34%;
}
h2.page-heading {
margin: 20px 0;
padding: 3px 10px 3px 10px;
font-size: 26px;
font-weight: bold;
line-height: 1.4;
position: relative;
}
h2.page-heading:before {
content: "";
position: absolute;
top: 5px;
left: 0px;
width: 8px;
height: calc(100% - 10px);
background-color: #036EB8;
}
.appli-relate-heading,
.widgettitle {
margin: 30px 0 0;
padding: 0;
border-bottom: solid 3px #ddd;
position: relative;
font-size: 24px;
font-weight: bold;
}
.appli-relate-heading:after,
.widgettitle:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #002F7C;
bottom: -3px;
width: 14%;
}
@media screen and (max-width: 980px) {
.appli-relate-heading {
margin: 40px 0 0;
}
}
.appli-search-heading {
border-bottom: solid 3px #ddd;
position: relative;
font-size: 24px;
font-weight: bold;
}
.appli-search-heading :after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #002F7C;
bottom: -3px;
width: 14%;
}
@media screen and (max-width: 980px) {
.appli-search-heading {
border-bottom: solid 3px #ddd;
position: relative;
font-size: 24px;
font-weight: bold;
margin: 90px 0 0;
}
}
.bosyu-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 30px;
font-weight: bold;
color: #002F7C;
}
.bosyu-heading-base .bosyu-heading {
margin: 0;
padding: 10px 0 10px 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-bosyu.svg) no-repeat;
}
@media screen and (max-width: 980px) {
.bosyu-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 26px;
font-weight: bold;
color: #002F7C;
border-left: solid 15px #002F7C;
}
.bosyu-heading-base .bosyu-heading {
margin: 0;
padding: 10px 0 10px 20px;
background: none;
}
}
.partner-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 30px;
font-weight: bold;
color: #002F7C;
}
.partner-heading-base .partner-heading {
margin: 0;
padding: 10px 0 10px 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-partner.svg) no-repeat;
}
@media screen and (max-width: 980px) {
.partner-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 26px;
font-weight: bold;
color: #002F7C;
border-left: solid 15px #002F7C;
}
.partner-heading-base .partner-heading {
margin: 0;
padding: 10px 0 10px 20px;
background: none;
}
}
.mailmagazine-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 30px;
font-weight: bold;
color: #002F7C;
}
.mailmagazine-heading-base .mailmagazine-heading {
margin: 0;
padding: 10px 0 10px 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-mailmagazine.svg) no-repeat;
}
@media screen and (max-width: 980px) {
.mailmagazine-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 26px;
font-weight: bold;
color: #002F7C;
border-left: solid 15px #002F7C;
}
.mailmagazine-heading-base .mailmagazine-heading {
margin: 0;
padding: 10px 0 10px 20px;
background: none;
}
}
.applisitemap-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 30px;
font-weight: bold;
color: #002F7C;
}
.applisitemap-heading-base .applisitemap-heading {
margin: 0;
padding: 10px 0 10px 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap.svg) no-repeat;
}
@media screen and (max-width: 980px) {
.applisitemap-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 26px;
font-weight: bold;
color: #002F7C;
border-left: solid 15px #002F7C;
}
.applisitemap-heading-base .applisitemap-heading {
margin: 0;
padding: 10px 0 10px 20px;
background: none;
}
} .slider {
margin: 0;
padding: 0;
width: 100%;
height: 92vh;
position: relative;
}
@media screen and (max-width: 980px) {
.slider {
margin: 0;
padding: 0;
width: 100%;
height: 75vh;
position: relative;
}
}
.main-catch-area {
margin: 280px auto 0;
padding: 0;
max-width: 1200px;
position: relative;
}
.main-catch-area-02 {
margin: 280px auto 0;
padding: 0;
max-width: 1200px;
position: relative;
}
@media screen and (max-width: 980px) {
.main-catch-area {
margin: 200px auto 0;
padding: 0;
max-width: 90%;
position: relative;
}
.main-catch-area img {
width: 100%;
height: auto;
}
.main-catch-area-02 {
margin: 150px auto 0;
padding: 0;
max-width: 90%;
position: relative;
}
.main-catch-area-02 img {
width: 100%;
height: auto;
}
}
p.main-catch-01 {
border-right: solid 7px rgba(0, 173, 225, 0.8);
white-space: nowrap;
overflow: hidden;
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 40px;
color: #000;
text-align: left;
line-height: 1.3;
font-weight: bold;
text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px 0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
} p.main-catch-01 {
-webkit-animation: animated-text 1.2s steps(13, end) 1s 1 normal both, animated-cursor 2500ms steps(13, end) infinite;
animation: animated-text 1.2s steps(13, end) 1s 1 normal both, animated-cursor 2500ms steps(13, end) infinite;
} @-webkit-keyframes animated-text {
from {
width: 0;
}
to {
width: 530px;
}
}
@keyframes animated-text {
from {
width: 0;
}
to {
width: 530px;
}
} @-webkit-keyframes animated-cursor {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@keyframes animated-cursor {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
p.main-catch-02 {
border-right: solid 7px rgba(0, 173, 225, 0.9);
white-space: nowrap;
overflow: hidden;
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 40px;
color: #000;
text-align: left;
line-height: 1.3;
margin: 20px 0 0;
font-weight: bold;
text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px 0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
} p.main-catch-02 {
-webkit-animation: animated-text-02 1s steps(10, end) 1s 1 normal both, animated-cursor-02 2500ms steps(10, end) infinite;
animation: animated-text-02 1s steps(10, end) 1s 1 normal both, animated-cursor-02 2500ms steps(10, end) infinite;
} @-webkit-keyframes animated-text-02 {
from {
width: 0;
}
to {
width: 1150px;
}
}
@keyframes animated-text-02 {
from {
width: 0;
}
to {
width: 1150px;
}
} @-webkit-keyframes animated-cursor-02 {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@keyframes animated-cursor-02 {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@media screen and (max-width: 980px) {
p.main-catch-01 {
border-right: solid 7px rgba(0, 173, 225, 0.8);
white-space: nowrap;
overflow: hidden;
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 30px;
color: #000;
text-align: left;
line-height: 1.7;
font-weight: bold;
text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px 0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
} p.main-catch-01 {
-webkit-animation: animated-text 1.2s steps(13, end) 1s 1 normal both, animated-cursor 2500ms steps(13, end) infinite;
animation: animated-text 1.2s steps(13, end) 1s 1 normal both, animated-cursor 2500ms steps(13, end) infinite;
} @-webkit-keyframes animated-text {
from {
width: 0;
}
to {
width: 100%;
}
}
@keyframes animated-text {
from {
width: 0;
}
to {
width: 100%;
}
} @-webkit-keyframes animated-cursor {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@keyframes animated-cursor {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
p.main-catch-02 {
border-right: solid 7px rgba(0, 173, 225, 0.9);
white-space: nowrap;
overflow: hidden;
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 26px;
color: #000;
text-align: left;
line-height: 1.7;
margin: 0;
font-weight: bold;
text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px 0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
} p.main-catch-02 {
-webkit-animation: animated-text-02 1s steps(10, end) 1s 1 normal both, animated-cursor-02 2500ms steps(10, end) infinite;
animation: animated-text-02 1s steps(10, end) 1s 1 normal both, animated-cursor-02 2500ms steps(10, end) infinite;
} @-webkit-keyframes animated-text-02 {
from {
width: 0;
}
to {
width: 100%;
}
}
@keyframes animated-text-02 {
from {
width: 0;
}
to {
width: 100%;
}
} @-webkit-keyframes animated-cursor-02 {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@keyframes animated-cursor-02 {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
}
.main-bottom-area {
margin: 0;
padding: 15px 0;
background: rgba(245, 245, 245, 0.8);
position: absolute;
bottom: 0;
width: 100%;
}
.main-bottom-area .main-bottom-contents {
margin: 0 auto;
padding: 10px 0;
max-width: 1100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
font-size: 20px;
}
.main-bottom-area .main-bottom-contents .btm-box01 {
margin: 0;
padding: 0;
width: 30%;
line-height: 1.4;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-mainimg-bar.png) no-repeat;
background-position: 270px top;
}
.main-bottom-area .main-bottom-contents .btm-box02 {
margin: 0;
padding: 0;
width: 32%;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/img-mainimg-bar.png) no-repeat;
line-height: 1.4;
background-position: 285px top;
}
.main-bottom-area .main-bottom-contents .btm-box03 {
margin: 0;
padding: 0;
width: 38%;
line-height: 1.2;
} .slide-bottom {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all 1.3s 0s ease-out;
transition: all 1.3s 0s ease-out;
}
@-webkit-keyframes fade-in {
from {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fade-in {
from {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@media screen and (max-width: 980px) {
.swiper-container {
width: 100%;
}
.swiper-container .swiper-wrapper .swiper-slide {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.swiper-container .swiper-wrapper .swiper-slide p.text01 {
position: absolute;
top: 25%;
padding: 3%;
}
.swiper-container .swiper-wrapper .swiper-slide p.text01 img {
width: 100%;
height: auto;
}
.swiper-container .swiper-wrapper .swiper-slide p.text02 {
position: absolute;
top: 20%;
padding: 3%;
}
.swiper-container .swiper-wrapper .swiper-slide p.text02 img {
width: 100%;
height: auto;
}
.swiper-container .swiper-wrapper .swiper-slide-active p {
-webkit-animation-name: fade-in;
animation-name: fade-in;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
} .pickup-slider {
width: 1170px;
height: 245px;
margin: 0 auto;
}
.pickup-slider li {
color: #000;
height: 245px;
text-align: center;
position: relative;
border-left: 5px solid #F2F7FA;
}
.pickup-slider li img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 1200px) {
.pickup-slider {
width: 96%;
height: 245px;
margin: 0 auto;
}
.pickup-slider li {
color: #000;
height: 245px;
text-align: center;
position: relative;
border-left: 5px solid #F2F7FA;
}
.pickup-slider li img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
@media screen and (max-width: 980px) {
.pickup-slider {
width: 85%;
height: 200px;
margin: 0 auto;
}
.pickup-slider li {
height: 200px;
text-align: center;
position: relative;
border-left: 0px solid #fff;
}
.pickup-slider li img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.slide-pickup-area {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
color: #fff;
text-align: left;
padding: 10px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 980px) {
.slide-pickup-area {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
color: #fff;
text-align: left;
padding: 10px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
}
}
.slide-pickup-date {
margin: 0;
padding: 0 0 0 22px;
text-align: left;
background: url(//ma-inc.jp/game_support/wp-content/themes/images/icon-slidedate.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.slide-pickup-title {
margin: 5px 0 0;
padding: 0;
text-align: left;
line-height: 1.7;
}
.category-pickup {
padding: 2px 7px;
background: #FFBC2B;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
@media screen and (max-width: 980px) {
.category-pickup {
padding: 2px 7px;
background: #FFBC2B;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
} .txt12 {
font-size: 12px;
}
.txt13 {
font-size: 13px;
}
.txt14 {
font-size: 14px;
}
.txt15 {
font-size: 15px;
}
.txt16 {
font-size: 16px;
}
.txt18 {
font-size: 18px;
}
.txt20 {
font-size: 20px;
}
.txt22 {
font-size: 22px;
}
.txt24 {
font-size: 24px;
}
.txt26 {
font-size: 26px;
}
.txt28 {
font-size: 28px;
}
.txt30 {
font-size: 30px;
}
.txt32 {
font-size: 32px;
}
.txt34 {
font-size: 34px;
}
.txt36 {
font-size: 36px;
}
.txt38 {
font-size: 38px;
}
.txt40 {
font-size: 40px;
}
.txt46 {
font-size: 46px;
}
.txt50 {
font-size: 50px;
}
.txt56 {
font-size: 56px;
}
.txt60 {
font-size: 60px;
}
.text-bold {
font-weight: bold;
}
.text-udl {
text-decoration: underline;
}
.font-italic {
font-style: italic;
} .red {
color: #F05454;
}
.red-b {
color: #F05454;
font-weight: 700;
}
.blue {
color: #036EB8;
}
.blue-b {
color: #036EB8;
font-weight: 700;
}
.skyblue {
color: #00ADE1;
}
.skyblue-b {
color: #00ADE1;
font-weight: 700;
}
.gray {
color: #cccccc;
}
.darkgray {
color: #888;
}
.black {
color: #000000;
}  .footer-appli-box .footer-logo-area .sns-icon img{
width:35px !important;
}
.foot-company-name{
display:block;
margin-top:10px;
}
.privacy-mark-app{
text-align:left;
margin-top:10px;
}
.privacy-mark-app img{
width:65px !important;
}
@media (max-width:980px){
.foot-company-name{
text-align:left;
font-size:14px;
}
.privacy-mark-app{
margin:auto;
text-align:center;
margin-top:20px;
}
} .blogtitle{
margin: 40px 0;
font-size: 28px !important;
font-weight: bold;
}
body {
line-height: 1.5;
letter-spacing: 1px;
}
.container {
max-width: 1040px;
margin: 0 auto;
}
.date{
font-size: 14px;
}
.mainvisual .container{
text-align: center;
}
.mainvisual .container img{
margin: 0 auto 40px auto;
}
.overview {
margin: 0 0 30px;
}
.overview h2 {
font-size: 18px;
font-weight: bold;
}
.overview h3 {
font-size: 13px;
font-weight: 100;
}
.event {
margin: 0 0 40px;
}
.event h2 {
margin: 0 0 10px;
font-weight: bold;
}
.event h3 {
font-size: 13px;
font-weight: 100;
}
.images {
max-width: 1000px;
}
.images__box {
display: flex;
align-items: center;
gap: 10px;
margin: 0 auto;
}
.img-item{
max-width: 100% !important;
margin: 0 0 40px;
}
.img-list{
max-width: 32% !important ;
}
.link{
font-size: 12px;
line-height: 2;  
}
.company { }
.company__title {
display: flex;
align-items: center;
}
.company h2 {
font-weight: bold;
margin: 0 0 10px;
}
.company a {
margin-left: 10px;
color: #E50012;
margin: 0 0 10px;
font-weight: bold;
}
.company p {
font-size: 15px;
}
.app__title { display:block;
align-items: center;
}
.app h2 {
font-weight: bold;
margin: 0 0 10px;
}
.app a { color: #E50012;
margin: 0 0 10px;
font-weight: bold;
}
.app p {
font-size: 15px;
}
.pressRelease {
margin: 0 0 80px;
}
.pressRelease a {
display: block;
color: #E50012;
font-size: 13px;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 600px) {
.blogtitle{
padding: 0 !important;
margin: 20px 0;
text-align: left;
}
.appli-base .appli-contents img{
max-width: 100%;
}
.container{
padding: 0;
}
}
.skippr{width:100%;height:100%;position:relative;overflow:hidden}.skippr>div{position:absolute;width:100%;height:100%;background-size:cover;background-position:50% 62.5%}.skippr>img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;min-height:100%}.skippr-nav-container{position:absolute;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);bottom:25px;overflow:auto;z-index:999}.skippr-nav-element{cursor:pointer;float:left;background-color:rgba(255,255,255,0.5);-webkit-transition:all .25s linear;transition:all .25s linear}.skippr-nav-element-bubble{width:12px;height:12px;border-radius:50%;margin:0 4px}.skippr-nav-element-block{width:60px;height:10px}.skippr-nav-element:hover,.skippr-nav-element-active{background-color:#fff}.skippr-arrow{position:absolute;z-index:99;top:50%;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);width:30px;height:30px;transform-origin:center center;-webkit-transform-origin:top left;cursor:pointer}.skippr-previous{left:2.5%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-top:2px solid white;border-left:2px solid white}.skippr-next{right:3.5%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-bottom:2px solid white;border-right:2px solid white}
@media screen and (max-width:980px){
.skippr-arrow{
display: none;
}
}  .slick-loading .slick-list
{
background: #fff url(https://ma-inc.jp/game_support/wp-content/themes/gamesupportplus/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://ma-inc.jp/game_support/wp-content/themes/gamesupportplus/fonts/slick.eot);
src: url(https://ma-inc.jp/game_support/wp-content/themes/gamesupportplus/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://ma-inc.jp/game_support/wp-content/themes/gamesupportplus/fonts/slick.woff) format('woff'), url(https://ma-inc.jp/game_support/wp-content/themes/gamesupportplus/fonts/slick.ttf) format('truetype'), url(https://ma-inc.jp/game_support/wp-content/themes/gamesupportplus/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: #666;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
.slick-arrow:before{
content:""!important;
width: 100%!important;
height: 100%!important;
position: absolute;
top: 0;
left: 0;
}
.slick-next:before{
background: url(//ma-inc.jp/game_support/wp-content/themes/images/pickup-arrow-next.svg)!important;
background-size: contain!important;
margin: 0 0 0 -5px;
}
.slick-prev:before{
background: url(//ma-inc.jp/game_support/wp-content/themes/images/pickup-arrow-prev.svg)!important;
background-size: contain!important;
margin: 0 0 0 7px;
}
@media screen and (max-width:980px){
.slick-next:before{
background: url(//ma-inc.jp/game_support/wp-content/themes/images/pickup-arrow-next.svg)!important;
background-size: contain!important;
margin: 0 0 0 -5px;
}
.slick-prev:before{
background: url(//ma-inc.jp/game_support/wp-content/themes/images/pickup-arrow-prev.svg)!important;
background-size: contain!important;
margin: 0 0 0 4px;
}
} .slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} @font-face {
font-family: 'swiper-icons';
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
font-weight: 400;
font-style: normal;
}
@media screen and (max-width:980px){
.swiper-container {
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
margin: 60px auto 0;
height: 60vh;
}
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-container-pointer-events {
touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
} .swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
--swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
--swiper-navigation-color: #000000;
}
.swiper-button-lock {
display: none;
}
:root { }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 30px;
height: 5px;
display: inline-block;
border-radius: 0%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background:#071369;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 6px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
} .swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
--swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
display: none;
} .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
} :root { }
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
} .swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-filter: blur(50px);
filter: blur(50px);
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";  @import"https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";html{scroll-behavior:smooth}*{box-sizing:border-box}img{width:100%}a{color:inherit;text-decoration:none}li{list-style:none}.drawer-open{overflow:hidden !important}.drawer-nav{width:100%;background-color:#f8f8f8;overflow-y:scroll;color:#222;position:fixed;top:0;z-index:101}.drawer-menu{list-style:none;width:85%;padding:5px 0 0;margin:10px auto 0;text-align:left} .drawer-overlay{display:none;width:100%;height:100%;background-color:rgba(0,0,0,.2);position:fixed;top:0;left:0;z-index:100}.drawer-open .drawer-overlay{display:block} .drawer--top .drawer-nav{width:100%;height:auto;max-height:100%;top:-100%;left:0;transition:top .6s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition:top .6s cubic-bezier(0.19, 1, 0.22, 1)}.drawer--top.drawer-open .drawer-nav{top:60px}.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0} .drawer-hamburger{box-sizing:content-box;display:block;width:35px;padding-top:17px;padding-left:1rem;padding-right:.8rem;padding-bottom:24px;background-color:#fff;border:0;outline:0;position:fixed;top:3px;z-index:104;transition:all .6s cubic-bezier(0.19, 1, 0.22, 1);transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);-webkit-transition:all .6s cubic-bezier(0.19, 1, 0.22, 1)}.drawer-hamburger:hover{background-color:#fff;cursor:pointer}.drawer-hamburger-icon{display:block;margin-top:10px;position:relative}.drawer-hamburger-icon,.drawer-hamburger-icon:before,.drawer-hamburger-icon:after{width:100%;height:2px;background-color:#5e6998;transition:all .6s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition:all .6s cubic-bezier(0.19, 1, 0.22, 1)}.drawer-hamburger-icon:before,.drawer-hamburger-icon:after{content:" ";position:absolute;top:-10px;left:0}.drawer-hamburger-icon:after{top:10px}.drawer-open .drawer-hamburger-icon{background-color:rgba(0,0,0,0)}.drawer-open .drawer-hamburger-icon:before,.drawer-open .drawer-hamburger-icon:after{top:0}.drawer-open .drawer-hamburger-icon:before{transform:rotate(45deg);-webkit-transform:rotate(45deg)}.drawer-open .drawer-hamburger-icon:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}  .sr-only{width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;position:absolute;clip:rect(0, 0, 0, 0)} .sr-only-focusable:active,.sr-only-focusable:focus{width:auto;height:auto;margin:0;overflow:visible;position:static;clip:auto} .drawer--navbarTopGutter{padding-top:0}.drawer-navbar .drawer-navbar-header{width:100%;height:60px;margin:0 auto;border-bottom:1px solid #ccc;top:0;left:0}.drawer-navbar{width:100%;padding:0;top:0;left:0;z-index:102} .drawer-navbar--fixed{position:fixed}.drawer-navbar-header{box-sizing:border-box;width:100%;padding:0 10px;background:#fff;text-align:left;position:relative;top:0;z-index:102}.drawer-navbar .drawer-nav{padding-top:0}.drawer-navbar .drawer-menu{padding-bottom:200px}@font-face{font-family:"Noto Sans JP";font-weight:400;font-style:normal;src:local(""),url(//ma-inc.jp/game_support/wp-content/themes/fonts/NotoSansJP-Regular.otf) format("opentype")}@font-face{font-family:"Noto Sans JP";font-weight:700;font-style:normal;src:local(""),url(//ma-inc.jp/game_support/wp-content/themes/fonts/NotoSansJP-Bold.otf) format("opentype")}html{vertical-align:baseline;padding:0;margin:0;border:0;font-size:62.5%;text-decoration:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{padding:0;margin:0;background:#fff;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#1d1d1d;font-size:1.6rem;line-height:2;text-align:center;font-display:swap}.wrapper{width:100%;padding:0;margin:0;overflow:hidden}* html body{overflow:hidden}html{visibility:hidden}html.wf-active,html.loading-delay{visibility:visible}#faq01,#faq02,#faq03{padding-top:240px;margin-top:-240px}#h2022,#h2021,#h2020,#h2019,#h2018,#h2011{padding-top:100px;margin-top:-100px}.fixed{height:100%;overflow:auto}.is-pc{display:block !important}.is-sp{display:none !important}.is-header-pc{display:block !important}.is-header-sp{display:none !important}.drawer-navbar{display:none}.fadein{opacity:0;transition:all 1.5s;transform:translateY(60px);-webkit-transform:translateY(60px);-webkit-transition:all 1.5s;visibility:hidden}.fadein.scrollin{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);visibility:visible}.fadein.scrollin:nth-of-type(1){transition-delay:.1s}.fadein.scrollin:nth-of-type(2){transition-delay:.2s}.fadein.scrollin:nth-of-type(3){transition-delay:.3s}.fadein.scrollin:nth-of-type(4){transition-delay:.4}.fadein.scrollin:nth-of-type(5){transition-delay:.5s}.fadein.scrollin:nth-of-type(6){transition-delay:.6s}.fadein.scrollin:nth-of-type(7){transition-delay:.7s}.fadein.scrollin:nth-of-type(8){transition-delay:.8s}.fadein.scrollin:nth-of-type(9){transition-delay:.9s}.fadein.scrollin:nth-of-type(10){transition-delay:1s}.fadein.scrollin:nth-of-type(11){transition-delay:.1s}.fadein.scrollin:nth-of-type(12){transition-delay:1.1s}.fadein.scrollin:nth-of-type(13){transition-delay:1.2s}.fadein.scrollin:nth-of-type(14){transition-delay:1.3s}.fadein.scrollin:nth-of-type(15){transition-delay:.1s}.fadein-pt02{opacity:0;transition:all 2.5s;-webkit-transition:all 2.5s}.fadein-pt02.active{opacity:1}.bread-area-appli span[property=name]{display:inline-block;vertical-align:middle;max-width:1050px;padding:0;margin-top:-3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bread-area{max-width:1180px;padding:20px 10px 0;margin:0 auto;font-size:12px;text-align:left}.bread-area a:hover{text-decoration:underline}.bread-area-02{max-width:1180px;padding:20px 10px 0;margin:120px auto 0;font-size:12px;text-align:left}.bread-area-02 a:hover{text-decoration:underline}.bread-area-notfound{max-width:1200px;padding:0;margin:100px auto 0;font-size:12px;text-align:left}.bread-area-appli{max-width:1200px;padding:0;margin:140px auto 0;font-size:12px;text-align:left}div.scroll{display:inline-block;padding:10px 10px 80px;overflow:hidden;font-family:"Josefin Sans",sans-serif;color:#000;font-size:12px;line-height:1;letter-spacing:.2em;text-decoration:none;text-transform:uppercase;position:absolute;left:40px;bottom:0;z-index:2;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}div.scroll::after{content:"";width:1px;height:70px;background:#000;position:absolute;left:50%;bottom:0;animation:sdl 2s cubic-bezier(1, 0, 0, 1) infinite;-webkit-animation:sdl 2s cubic-bezier(1, 0, 0, 1) infinite}@keyframes sdl{0%{transform:scale(1, 0);-webkit-transform:scale(1, 0);transform-origin:0 0}30%{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:0 0}70%{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:0 100%}100%{transform:scale(1, 0);-webkit-transform:scale(1, 0);transform-origin:0 100%}}.bg-gray-01{background:rgba(3,110,184,.13)}.bg-gray-02{background:#f4f4f4}.page-base{padding:100px 0;margin:0}.page-base-02{padding:0;margin:0;background:#f2f7fa}.page-base-download{padding:100px 0 20px;margin:0;background:#fff}.page-base-faq{padding:100px 0;margin:0;background:#f1f1f1}.page-case-area{padding:100px 0 20px;margin:0}.section-comp{padding:0;margin:0}.section-comp-02{padding:0;margin:100px 0 0}.section-comp-03{padding:0;margin:100px 0 0}.section-comp-04{padding:100px 0 150px;margin:0}.section-comp-05{padding:60px 0 100px;margin:100px 0 0;background:#fff}.section-comp-06{padding:0 0 100px;margin:0;background:#fff}.contents-01{box-sizing:border-box;width:100%;padding:60px 0 0;margin:0 auto;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-point.jpg) no-repeat;background-position:center top;-webkit-box-sizing:border-box}.contents-02{box-sizing:border-box;width:100%;padding:60px 0 0;margin:0 auto;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-example.jpg) no-repeat;background-position:center top;-webkit-box-sizing:border-box}.contents-03{box-sizing:border-box;width:100%;padding:60px 0 0;margin:0 auto;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-case.jpg) no-repeat;background-position:center top;-webkit-box-sizing:border-box}.contents-04{box-sizing:border-box;width:100%;padding:60px 0 0;margin:0 auto;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-plan.jpg) no-repeat;background-position:center top;-webkit-box-sizing:border-box}.contents-base-01{box-sizing:border-box;max-width:1200px;padding:100px 100px 30px;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;top:220px;left:0;right:0;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.contents-base-02{box-sizing:border-box;max-width:1200px;padding:50px 100px 90px;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;top:220px;left:0;right:0;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}ul.point-area{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:0;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}ul.point-area li{display:flex;justify-content:space-between;width:45%;padding:0;margin:0 0 70px;-webkit-box-pack:justify;-ms-flex-pack:justify}ul.point-area li .point-icon{vertical-align:top;width:22%;padding:0;margin:0 8% 0 0}ul.point-area li .point-icon img{width:100%;height:auto}ul.point-area li .point-text{vertical-align:top;width:67%;padding:0;margin:0;line-height:1.8}ul.point-area li .point-icon-02{vertical-align:top;width:18%;padding:0;margin:0 8% 0 0}ul.point-area li .point-icon-02 img{width:100%;height:auto}ul.point-area li .point-text-02{vertical-align:top;width:70%;padding:0;margin:0;line-height:1.8}.top-about-base{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;padding:0;margin:80px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;background-position:right top;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.top-about-base li.about-n01{width:27%;height:220px;padding:0 0 0 5%;margin:0 0 10px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;position:relative}.top-about-base li.about-n01:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n01.svg);position:absolute;right:20px;bottom:0}.top-about-base li.about-n02{width:27%;height:220px;padding:0 0 0 5%;margin:0 0 10px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;position:relative}.top-about-base li.about-n02:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n02.svg);position:absolute;right:20px;bottom:0}.top-about-base li.about-n03{width:30%;height:220px;padding:0 0 0 5%;margin:0 0 10px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;position:relative}.top-about-base li.about-n03:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n03.svg);position:absolute;right:70px;bottom:0}.top-about-base .top-about-text{padding:0;margin:0;font-size:20px;position:absolute;top:100px;left:60px;z-index:2}.top-about-base .top-about-text-02{padding:0;margin:0;font-size:20px;position:absolute;top:80px;left:60px;z-index:2}.top-about-base-02{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;padding:0;margin:10px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;background-position:right top;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.top-about-base-02 li.about-n04{width:27%;height:220px;padding:0 0 0 5%;margin:0 0 10px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;position:relative}.top-about-base-02 li.about-n04:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n04.svg);position:absolute;right:20px;bottom:0}.top-about-base-02 li.about-n05{width:27%;height:220px;padding:0 0 0 5%;margin:0 0 10px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;position:relative}.top-about-base-02 li.about-n05:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n05.svg);position:absolute;right:20px;bottom:0}.top-about-base-02 li.about-n06{width:30%;height:220px;padding:0 0 0 5%;margin:0 0 10px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;position:relative}.top-about-base-02 li.about-n06:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n06.svg);position:absolute;right:70px;bottom:0}.top-about-base-02 .top-about-text{padding:0;margin:0;font-size:20px;position:absolute;top:100px;left:60px;z-index:2}.top-about-base-02 .top-about-text-02{padding:0;margin:0;font-size:20px;position:absolute;top:80px;left:60px;z-index:2}.page-button-area{padding:0;margin:100px 0 0}.page-button-area-02{padding:0;margin:200px 0 0}.top-example-lead{padding:0;margin:20px 0 0;font-size:24px;font-weight:bold;text-align:center}ul.top-example-contents{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:700px;padding:0;margin:-20px auto 0;text-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}ul.top-example-contents li{vertical-align:middle;width:25%;padding:0 2%;margin:60px 0 30px;position:relative}ul.top-example-contents li img{width:100%;height:auto}ul.top-example-contents li .text01{font-size:22px;font-weight:bold;letter-spacing:-1px;position:absolute;left:0;right:0;bottom:-40px}ul.top-example-contents li .text02{font-size:22px;font-weight:bold;line-height:1.3;letter-spacing:-1px;position:absolute;left:0;right:0;bottom:-60px}ul.top-example-contents li.icon04{vertical-align:middle;width:10%;margin:0 0 0 30px;position:relative}ul.top-example-contents li.icon04 img{width:100%;height:auto}.nayami-base01{display:flex;justify-content:space-between;max-width:1000px;padding:0 20px;margin:50px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify}.nayami-base01 li{width:28%;padding:0;margin:0;position:relative}.nayami-base01 li .bubble-base{box-sizing:border-box;min-height:180px;padding:30px;margin:0;background:#fff;border-radius:16px;text-align:left;-webkit-box-sizing:border-box}.nayami-base01 li .img-nayami{padding:0;margin:0;position:absolute;right:0;bottom:-100px}.nayami-base02{display:flex;justify-content:space-between;max-width:640px;padding:0 20px;margin:150px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify}.nayami-base02 li{width:44%;padding:0;margin:0;position:relative}.nayami-base02 li .bubble-base{box-sizing:border-box;min-height:180px;padding:30px;margin:0;background:#fff;border-radius:16px;text-align:left;-webkit-box-sizing:border-box}.nayami-base02 li .img-nayami{padding:0;margin:0;position:absolute;right:0;bottom:-100px}.contents-case-base{box-sizing:border-box;display:flex;justify-content:space-between;max-width:1200px;padding:60px;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;-webkit-box-pack:justify;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.contents-case-base li.case-image{width:25%;padding:0;margin:0}.contents-case-base li.case-image img{width:100%;height:auto}.contents-case-base li.case-text-area{width:70%;padding:0;margin:0;text-align:left}.contents-case-base li.case-text-area .case-heading{padding:0;margin:0;color:#036eb8;font-size:28px;font-weight:bold;line-height:1}.contents-case-base li.case-text-area .case-icon{display:inline-block;width:70px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base li.case-text-area .case-icon-02{display:inline-block;width:140px;padding:6px 10px;margin:10px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base li.case-text-area .case-text{display:inline-block;width:120px;padding:0;margin:35px 20px 0 0;font-size:18px}.contents-case-base li.case-text-area .case-text-02{display:inline-block;width:220px;padding:0;margin:35px 20px 0 0;font-size:18px}.contents-case-base li.case-text-area .case-text-03{display:inline-block;width:220px;padding:0;margin:10px 20px 0 0;font-size:18px}.contents-case-base-02{box-sizing:border-box;display:flex;justify-content:space-between;max-width:1200px;padding:60px;margin:80px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;-webkit-box-pack:justify;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.contents-case-base-02 li.case-image{width:25%;padding:0;margin:0}.contents-case-base-02 li.case-image img{width:100%;height:auto}.contents-case-base-02 li.case-text-area{width:70%;padding:0;margin:0;text-align:left}.contents-case-base-02 li.case-text-area .case-heading{padding:0;margin:0;color:#036eb8;font-size:28px;font-weight:bold;line-height:1}.contents-case-base-02 li.case-text-area .case-icon{display:inline-block;width:70px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base-02 li.case-text-area .case-icon-02{display:inline-block;width:140px;padding:6px 10px;margin:10px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base-02 li.case-text-area .case-text{display:inline-block;width:150px;padding:0;margin:35px 20px 0 0;font-size:18px}.contents-case-base-02 li.case-text-area .case-text-02{display:inline-block;width:220px;padding:0;margin:35px 20px 0 0;font-size:18px}.contents-case-base-02 li.case-text-area .case-text-03{display:inline-block;width:220px;padding:0;margin:10px 20px 0 0;font-size:18px}ul.plan-contents{display:flex;justify-content:space-between;max-width:1000px;padding:0 20px;margin:60px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify}ul.plan-contents li{box-sizing:border-box;width:280px;height:280px;padding:0;margin:0;-webkit-box-sizing:border-box}ul.plan-contents li .circle{box-sizing:border-box;display:inline-block;width:280px;height:280px;padding:70px 0 0;background:#fff;border-radius:50%;box-shadow:0 0 8px #ccc;text-align:center;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.top-faq-base{max-width:1000px;padding:0;margin:60px auto 0;text-align:left}.accordion-container .accordion-title{width:87%;padding:30px 5% 30px 8%;margin:0 auto;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-question.svg) no-repeat;background-position:15px 30px;border-top:1px solid #ccc;cursor:pointer;color:#000;font-size:18px;font-weight:normal;text-align:left;position:relative}.accordion-container .accordion-title:hover,.accordion-container .accordion-title:active,.accordion-title.open{background-color:none}.accordion-container .accordion-title::before{content:"";width:15px;height:2px;background:#ccc;position:absolute;top:50%;right:25px;transition:all .3s ease-in-out;transform:rotate(90deg);-webkit-transform:rotate(90deg);-webkit-transition:all .3s ease-in-out}.accordion-container .accordion-title::after{content:"";width:15px;height:2px;background:#ccc;position:absolute;top:50%;right:25px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}.accordion-container .accordion-title.open::before{transform:rotate(180deg);-webkit-transform:rotate(180deg)}.accordion-container .accordion-title.open::after{opacity:0}.accordion-content{display:none;width:87%;padding:30px 5% 30px 8%;background:#f4f4f4;text-align:left;position:relative}.accordion-content:before{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-answer.svg);box-sizing:border-box;display:block;padding:0;position:absolute;top:28px;left:15px;-webkit-box-sizing:border-box}.accordion-box{border-bottom:1px solid #ccc}.movie-area{padding:0;margin:60px 0 0}.movie-youtube{width:700px;margin:0 auto}.movie-youtube a{display:block;border:0 solid #fff;position:relative}.movie-youtube a:hover{opacity:.6}.movie-youtube a::before{content:"";display:block;width:100%;height:60px;margin:-32px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-youtube-red.png) center center/64px 45px no-repeat;opacity:.8;position:absolute;top:50%;left:0;right:0;z-index:1}.movie-youtube a img{width:100%;margin:0 auto;border:1px solid #ccc;border-radius:20px;text-align:center}.sp-lead-base{width:90%;padding:0;margin:30px auto 0;background:#fff}.sp-lead-01{padding:0 0 0 30px;margin:0;font-size:20px;line-height:1.3;text-align:left;position:relative}.sp-lead-02{padding:0 0 0 30px;margin:20px 0 0;font-size:20px;line-height:1.3;text-align:left;position:relative}.sp-lead-01:before,.sp-lead-02:before{content:"";width:8px;height:calc(100% - 10px);background-color:#00ade1;border-radius:4px;position:absolute;top:5px;left:0}.sp-nayami-01{box-sizing:border-box;width:90%;min-height:200px;padding:20px;margin:60px auto 0;background:#fff;border-radius:16px;font-size:18px;text-align:left;position:relative;-webkit-box-sizing:border-box}.sp-nayami-01:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-01.svg);position:absolute;right:15px;bottom:-12px}.sp-nayami-02{box-sizing:border-box;width:90%;min-height:200px;padding:20px 20px 20px 170px;margin:60px auto 0;background:#fff;border-radius:16px;font-size:18px;text-align:left;position:relative;-webkit-box-sizing:border-box}.sp-nayami-02:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-02.svg);position:absolute;left:15px;bottom:-12px}.sp-nayami-03{box-sizing:border-box;width:90%;min-height:200px;padding:20px;margin:60px auto 0;background:#fff;border-radius:16px;font-size:18px;text-align:left;position:relative;-webkit-box-sizing:border-box}.sp-nayami-03:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-03.svg);position:absolute;right:15px;bottom:-12px}.sp-nayami-04{box-sizing:border-box;width:90%;min-height:200px;padding:20px 20px 20px 170px;margin:60px auto 0;background:#fff;border-radius:16px;font-size:18px;text-align:left;position:relative;-webkit-box-sizing:border-box}.sp-nayami-04:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-04.svg);position:absolute;left:15px;bottom:-12px}.sp-nayami-05{box-sizing:border-box;width:90%;min-height:200px;padding:20px;margin:60px auto 0;background:#fff;border-radius:16px;font-size:18px;text-align:left;position:relative;-webkit-box-sizing:border-box}.sp-nayami-05:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-05.svg);position:absolute;right:15px;bottom:-12px}.page-main-case{height:325px;padding:0;margin:80px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-case.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-download{height:325px;padding:0;margin:80px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-download.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-faq{height:325px;padding:0;margin:80px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-faq.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-contact{height:325px;padding:0;margin:80px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-contact.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-sitemap{height:325px;padding:0;margin:80px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-sitemap.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-case::before,.page-main-download::before,.page-main-faq::before,.page-main-contact::before,.page-main-sitemap::before{content:"";display:block;background-color:#036eb8;opacity:.7;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.pagetitle{padding:0;margin:0;color:#fff;font-size:40px;font-weight:bold;position:absolute;top:35%;left:0;right:0}.page-case-base{box-sizing:border-box;max-width:1200px;padding:60px;margin:0 auto 60px;background:#fff;border:1px solid #036eb8;border-radius:30px;-webkit-box-sizing:border-box}.page-case-base-02{box-sizing:border-box;max-width:1200px;padding:60px;margin:80px auto 0;background:#fff;border:1px solid #036eb8;border-radius:30px;-webkit-box-sizing:border-box}.page-case-box{display:flex;justify-content:space-between;padding:0;margin:0;-webkit-box-pack:justify;-ms-flex-pack:justify}.page-case-box .case-image{width:22%;padding:0;margin:0}.page-case-box .case-image img{width:100%;height:auto}.page-case-box .case-text-area{width:73%;padding:0;margin:0;text-align:left}.page-case-box .case-text-area .case-heading{padding:0;margin:0;color:#036eb8;font-size:28px;font-weight:bold;line-height:1}.page-case-box .case-text-area .case-lead{padding:0;margin:25px 0 0;font-size:22px;font-weight:bold;line-height:1.3}.page-case-box .case-text-area .case-icon{display:inline-block;width:70px;padding:6px 10px;margin:18px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.page-case-box .case-text-area .case-icon-02{display:inline-block;width:140px;padding:6px 10px;margin:18px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.page-case-box .case-text-area .case-text{display:inline-block;width:550px;padding:0;margin:18px 20px 0 0;font-size:18px}.page-case-box .case-text-area .case-text-02{display:inline-block;width:400px;padding:0;margin:18px 20px 0 0;font-size:18px}.case-flow-area{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:0;margin:40px 0 0;-webkit-box-align:center;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-align:center;-ms-flex-pack:justify}.case-flow-area .flow-box{width:45%;padding:0;margin:0}.case-flow-area .flow-arrow{width:10%;padding:0;margin:0;text-align:center}.case-flow-area .flow-bf-heading{padding:5px;margin:0;background:#036eb8;border-radius:16px 16px 0 0;color:#fff;font-size:22px;text-align:center}.case-flow-area .flow-bf-contents{min-height:160px;padding:20px;margin:0;background:#f2f7fa;border:1px solid #036eb8;border-radius:0 0 16px 16px;text-align:left}.case-flow-area .flow-af-heading{padding:5px;margin:0;background:#00ade1;border-radius:16px 16px 0 0;color:#fff;font-size:22px;text-align:center}.case-flow-area .flow-af-contents{min-height:160px;padding:20px;margin:0;background:#f2f7fa;border:1px solid #00ade1;border-radius:0 0 16px 16px;text-align:left}.down-load-base{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;padding:0;margin:0 auto;text-align:left;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.down-load-base li{width:30%;padding:0;margin:0 0 80px;text-align:left}.down-load-base li .arc-download-title{padding:0;margin:20px 0 0;font-size:18px;font-weight:bold}.down-load-base li .arc-download-text{padding:0 0 10px;margin:20px 0 0;font-size:16px}.down-load-base .download-img{height:220px;cursor:pointer;overflow:hidden}.down-load-base .download-img img{width:100%;height:auto}.down-load-base .download-img img{transition:.3s ease-in-out;transform:scale(1);-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.down-load-base .download-img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1)}.page-base-downloadform{box-sizing:border-box;display:flex;justify-content:space-between;max-width:1000px;padding:0;margin:100px auto;text-align:left;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.page-base-downloadform .downloadform-img{width:38%;padding:0;margin:0}.page-base-downloadform .downloadform-img img{width:100%;height:auto}.page-base-downloadform .downloadform-base{box-sizing:border-box;width:52%;padding:30px 50px;margin:0;background:#f4f4f4;border-radius:20px;-webkit-box-sizing:border-box}.page-base-downloadform .downloadform-base .downloadform-heading{padding:0 0 5px;margin:0;border-bottom:1px solid #000;font-size:26px;font-weight:bold;text-align:center}.page-base-downloadform .downloadform-base-01{width:52%;padding:0;margin:0}.page-base-downloadform .downloadform-base-01 .downloadform-heading{padding:0;margin:0;font-size:20px;font-weight:bold;text-align:center}.page-base-downloadform .downloadform-base-01 .downloadform-box{box-sizing:border-box;padding:10px 50px 30px;margin:0;background:#f4f4f4;border-radius:20px;-webkit-box-sizing:border-box}.page-base-downloadform .downloadform-base-01 .downloadform-box .downloadform-heading-01{padding:0 0 5px;margin:0;border-bottom:1px solid #000;font-size:18px;font-weight:bold;text-align:center}.thanks-text{padding:0;margin:30px 0 0;text-align:center}.thanks-img{padding:0;margin:0 auto;text-align:center}.thanks-button-area{display:flex;justify-content:center;align-items:center;max-width:1200px;padding:0;margin:80px auto 0;-webkit-box-align:center;-webkit-box-pack:center;-ms-flex-align:center;-ms-flex-pack:center}#faq-index-base{padding:0;margin:0;z-index:999}#faq-index-base.m_fixed{width:100%;padding:20px 0;background:#f2f7fa;border-bottom:1px solid #ccc;position:fixed;top:80px;left:0}.faq-index-area{box-sizing:border-box;display:flex;justify-content:space-between;max-width:1200px;padding:0;margin:0 auto;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.faq-index-area li{width:30%;padding:0;margin:0}.faq-base{box-sizing:border-box;max-width:1200px;padding:60px 80px 80px;margin:100px auto 0;background:#fff;border:1px solid #036eb8;-webkit-box-sizing:border-box}.faq-base .faq-heading{padding:0 0 5px;margin:0 0 50px;font-size:26px;font-weight:bold;text-align:center}.contact-base{box-sizing:border-box;max-width:900px;padding:30px 70px 40px;margin:0 auto;background:#fff;border-radius:20px;text-align:left;-webkit-box-sizing:border-box}.contact-form-area{padding:0;margin:20px 0 0}.appli-contact-form-area{padding:40px 80px;margin:50px 0 0;background:#f4f4f4;border:0 solid #333;border-radius:20px}.page-sitemap-base{box-sizing:border-box;display:flex;justify-content:space-between;max-width:800px;padding:100px 0;margin:0 auto;text-align:left;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.page-sitemap-base li{width:50%;padding:0;margin:0}.page-sitemap-base .sitemap-01{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-01.svg) no-repeat;background-position:0 6px}.page-sitemap-base .sitemap-02{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-02.svg) no-repeat;background-position:0 6px}.page-sitemap-base .sitemap-03{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-03.svg) no-repeat;background-position:0 6px}.page-sitemap-base .sitemap-04{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-04.svg) no-repeat;background-position:0 10px}.page-sitemap-base .sitemap-05{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-05.svg) no-repeat;background-position:0 8px}.page-sitemap-base .sitemap-06{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-06.svg) no-repeat;background-position:0 6px;position:relative}.page-sitemap-base .sitemap-06::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);position:absolute;top:10%;left:115px}.page-sitemap-base .sitemap-07{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-07.svg) no-repeat;background-position:0 8px;position:relative}.page-sitemap-base .sitemap-07::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);position:absolute;top:10%;left:215px}.page-sitemap-base .sitemap-08{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-08.svg) no-repeat;background-position:0 8px}.page-sitemap-base .sitemap-01 a,.page-sitemap-base .sitemap-02 a,.page-sitemap-base .sitemap-03 a,.page-sitemap-base .sitemap-04 a,.page-sitemap-base .sitemap-05 a,.page-sitemap-base .sitemap-06 a,.page-sitemap-base .sitemap-07 a,.page-sitemap-base .sitemap-08 a{display:inline-block;text-decoration:none;position:relative}.page-sitemap-base .sitemap-01 a::after,.page-sitemap-base .sitemap-02 a::after,.page-sitemap-base .sitemap-03 a::after,.page-sitemap-base .sitemap-04 a::after,.page-sitemap-base .sitemap-05 a::after,.page-sitemap-base .sitemap-06 a::after,.page-sitemap-base .sitemap-07 a::after,.page-sitemap-base .sitemap-08 a::after{content:"";width:100%;height:2px;background:#036eb8;position:absolute;left:0;bottom:1px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.page-sitemap-base .sitemap-01 a:hover::after,.page-sitemap-base .sitemap-02 a:hover::after,.page-sitemap-base .sitemap-03 a:hover::after,.page-sitemap-base .sitemap-04 a:hover::after,.page-sitemap-base .sitemap-05 a:hover::after,.page-sitemap-base .sitemap-06 a:hover::after,.page-sitemap-base .sitemap-07 a:hover::after,.page-sitemap-base .sitemap-08 a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.notfound-base{padding:0 0 100px;margin:100px 0 0;background:#fff}.notfound-img{width:350px;padding:0;margin:0 auto;text-align:center}.notfound-img img{width:100%;height:auto}.pickup-area{box-sizing:content-box;width:100%;padding:40px 0;margin:122px 0 0;background:#f2f7fa;top:180px;-webkit-box-sizing:content-box}.appli-base{display:flex;justify-content:space-between;max-width:1200px;padding:40px 0 150px;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify}.appli-base .appli-contents{width:69%;padding:0;margin:0;text-align:left}.appli-base .appli-contents img{max-width:100%;height:auto}.appli-base .appli-side{list-style:none;width:27%;padding:0;margin:0;text-align:left}.appli-base .appli-side img{width:100%;height:auto;padding:0;margin:0 0 10px}.appli-base .appli-side .side-banner{padding:0;margin:0 0 15px}.appli-base .appli-side .side-banner img{width:100%;height:auto}.appli-base .appli-side .side-banner-02{padding:0;margin:20px 0 0}.appli-base .appli-side .side-banner-02 img{width:100%;height:auto}.appli-base-02{box-sizing:border-box;max-width:1000px;padding:60px 10px 150px;margin:0 auto;-webkit-box-sizing:border-box}.appli-base-02 .appli-contents-02{padding:0;margin:80px 0 0;text-align:left}.appli-base-03{box-sizing:border-box;max-width:1200px;padding:60px 10px 150px;margin:0 auto;-webkit-box-sizing:border-box}.appli-base-03 .appli-contents-03{padding:0;margin:20px 0 0;text-align:left}.side-contents{padding:0;margin:30px 0 0}.side-contents li{display:flex;justify-content:space-between;padding:0 0 15px;margin:0 0 15px;border-bottom:1px solid #ddd;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify}.side-contents li .side-img{box-sizing:border-box;width:80px;height:80px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.side-contents li .side-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.side-contents li .side-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.side-contents li .side-text{width:68%;font-size:14px;line-height:1.7}.side-contents li .side-text a:hover{text-decoration:underline}.side-contents li .side-date{padding:0 0 0 22px;margin:-3px 0 13px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 4px;font-size:13px}div.press{min-width:100px;padding:2px 7px;background:#ff5800;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}div.column{width:100px;padding:2px 7px;background:#e50012;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}div.event,div.column-2,div.report,div.uncategorized,div.feature,div.contact{width:100px;padding:2px 7px;background:#036eb8;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.press-top-contents{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.press-top-contents li{width:31%;padding:0;margin:0 0 70px}.press-top-contents li .press-img{box-sizing:border-box;width:100%;height:160px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.press-top-contents li .press-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.press-top-contents li .press-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.press-top-contents li .press-top-date{padding:0 0 0 22px;margin:15px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 7px;font-size:14px}.press-top-contents li .press-top-title{padding:0;margin:10px 0 0;background-position:0 7px;font-size:16px;font-weight:bold;line-height:1.7}.press-top-contents li .press-top-title a:hover{text-decoration:underline}.pressrelease-top-contents{display:flex;flex-wrap:wrap;justify-content:space-between;padding:40px 0 0;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.pressrelease-top-contents li{width:31%;padding:0;margin:0 0 70px}.pressrelease-top-contents li .press-img{box-sizing:border-box;width:100%;height:160px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.pressrelease-top-contents li .press-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.pressrelease-top-contents li .press-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.pressrelease-top-contents li .press-img div.press{min-width:100px;padding:2px 7px;background:#ff5800;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.pressrelease-top-contents li .press-img div.column{width:100px;padding:2px 7px;background:#e50012;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.pressrelease-top-contents li .press-top-date{padding:0 0 0 22px;margin:15px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 7px;font-size:14px}.pressrelease-top-contents li .press-top-title{padding:0;margin:10px 0 0;background-position:0 7px;font-size:16px;font-weight:bold;line-height:1.7}.pressrelease-top-contents li .press-top-title a:hover{text-decoration:underline}.press-top-contents::after,.pressrelease-top-contents::after{content:"";display:block;width:31%}.page-navi{padding:0;margin:0 0 50px;text-align:center}.page-contents-title{padding:0;margin:0;font-size:34px;font-weight:bold;line-height:1.6;text-align:left}.page-contents-date{padding:0 0 0 22px;margin:20px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 8px;font-size:14px}.page-contents-eyecatch{padding:0;margin:70px 0 0}.page-contents-textarea{max-width:100%;padding:0;margin:30px 0 0;text-align:left}.page-contents-textarea h2{margin:20px 0}.page-contents-textarea h3{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #ccc}.page-category-area{padding:0;margin:80px 0 0;text-align:left}.page-category-area .cate-heading{padding:0 0 0 25px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-category.svg) no-repeat;background-position:0 5px;font-size:14px;font-weight:bold}.page-category-area .cate-text{padding:0;margin:0;font-size:15px}.page-category-area .cate-text a{display:inline-block;padding:0;margin:0;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.page-category-area .cate-text a::after{content:"";width:100%;height:2px;background:#036eb8;position:absolute;left:0;bottom:3px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.page-category-area .cate-text a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.page-tag-area{padding:0;margin:30px 0 0;text-align:left}.page-tag-area .tag-heading{padding:0 0 0 25px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-tag.svg) no-repeat;background-position:0 5px;font-size:14px;font-weight:bold}.page-tag-area .tag-button{display:inline-block;height:28px;padding:0 15px;margin:5px 10px 5px 0;background-color:#f7f7f7;border:1px solid #ddd;border-radius:18px;font-size:14px;line-height:25px;text-align:center}.page-tag-area .tag-button::before,.page-tag-area .tag-button::after{content:"";display:block;position:absolute;z-index:-1}.page-tag-area .tag-button,.page-tag-area .tag-button::before,.page-tag-area .tag-button::after{box-sizing:border-box;transition:all .5s;-webkit-box-sizing:border-box;-webkit-transition:all .5s}.page-tag-area .tag-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.page-bottom-navi{display:flex;justify-content:space-between;padding:0;margin:80px 0 0;-webkit-box-pack:justify;-ms-flex-pack:justify}.page-bottom-navi .navi-left{width:38%;padding:0;margin:0;text-align:left}.page-bottom-navi .navi-left .navi-left-title{padding:0 0 0 15px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-prev.svg) no-repeat;background-position:0 10px;font-weight:bold}.page-bottom-navi .navi-left .navi-left-title a{display:inline-block;padding:0;margin:0;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.page-bottom-navi .navi-left .navi-left-title a::after{content:"";width:100%;height:2px;background:#036eb8;position:absolute;left:0;bottom:3px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.page-bottom-navi .navi-left .navi-left-title a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.page-bottom-navi .navi-left .navi-left-text{padding:0;margin:0;font-size:12px}.page-bottom-navi .navi-left .navi-left-text a:hover{text-decoration:underline}.page-bottom-navi .navi-right{width:38%;padding:0;margin:0;text-align:right}.page-bottom-navi .navi-right .navi-right-title{padding:0 15px 0 0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-next.svg) no-repeat;background-position:right 10px;font-weight:bold}.page-bottom-navi .navi-right .navi-right-title a{display:inline-block;padding:0;margin:0;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.page-bottom-navi .navi-right .navi-right-title a::after{content:"";width:100%;height:2px;background:#036eb8;position:absolute;left:0;bottom:3px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.page-bottom-navi .navi-right .navi-right-title a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.page-bottom-navi .navi-right .navi-right-text{padding:0;margin:0;font-size:12px;text-align:left}.page-bottom-navi .navi-right .navi-right-text a:hover{text-decoration:underline}select{padding:10px 20px;margin:20px 0 0;border-radius:6px}.appli-relate-base{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;padding:0;margin:30px 0 0;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.appli-relate-base li{display:flex;justify-content:space-between;width:47%;padding:0 0 15px;margin:0 0 15px;border-bottom:1px solid #ddd;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify}.appli-relate-base li .relate-img{box-sizing:border-box;width:80px;height:80px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.appli-relate-base li .relate-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.appli-relate-base li .relate-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.appli-relate-base li .relate-text{width:68%;font-size:14px;line-height:1.7}.appli-relate-base li .relate-text a:hover{text-decoration:underline}.appli-relate-base li .relate-date{padding:0 0 0 22px;margin:-3px 0 13px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 4px;font-size:13px}.pagination{clear:both;padding:0;font-size:14px;line-height:14px;text-align:center;position:relative}.pagination-box{display:inline-block}.pagination span,.pagination a{float:left;display:block;width:auto;padding:10px 12px 10px 12px;margin:20px 8px 0;background:#f2f7fa;border-radius:3px;box-shadow:2px 2px 2px #ccc;color:#333;text-decoration:none;-webkit-box-shadow:2px 2px 2px #ccc}.pagination a:hover{background:#036eb8;color:#fff}.pagination .current{padding:10px 12px 10px 12px;background:#036eb8;color:#fff}.search-error{margin:100px 0 150px;text-align:center}.search-result-contents{padding:0;margin:40px 0 0}.search-result-contents li{display:flex;justify-content:space-between;padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #ccc;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify}.search-result-contents li .search-img{box-sizing:border-box;width:140px;height:100px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.search-result-contents li .search-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.search-result-contents li .search-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.search-result-contents li .search-title{width:80%;font-size:15px;font-weight:bold;line-height:1.6}.search-result-contents li .search-title a:hover{text-decoration:underline}.search-result-contents li .search-title .search-date{padding:0 0 0 22px;margin:5px 0 13px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 4px;font-size:13px;font-weight:normal}.column-author-area{box-sizing:border-box;width:100%;padding:30px 50px 40px;margin:50px 0 0;background:#f2f2f2;text-align:left;-webkit-box-sizing:border-box}.column-author-area .column-author-heading{padding:0 0 10px;margin:0;border-bottom:1px solid #036eb8;font-size:20px;font-weight:bold}.column-author-area .column-textarea{display:flex;justify-content:space-between;padding:0;margin:30px 0 0;-webkit-box-pack:justify;-ms-flex-pack:justify}.column-author-area .column-image{width:120px;padding:0;margin:0}.column-author-area .column-image img{width:120px;height:120px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.column-author-area .column-text{width:78%;padding:0;margin:0;line-height:1.7}.column-author-area .column-text .column-author01{padding:0;margin:0 0 10px;font-size:18px}.column-author-area .column-text .column-link{padding:0 0 0 25px;margin:10px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-columnlink.svg) no-repeat;background-position:0 7px;font-size:15px}.column-button-area{padding:0;margin:10px 0 0;text-align:right}.bosyu-list{padding:0;margin:30px 0 0;font-size:20px;font-weight:bold}.bosyu-list li{padding:0 0 0 35px;margin:20px 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-check-blue.svg) no-repeat;background-position:0 10px}.bottom-pagenation{padding:0;margin:50px 0 0}.mailmagazine-thanks{max-width:90%;padding:0;margin:80px auto}.page-contents-textarea{word-break:break-all}.page-contents-textarea hr{margin-bottom:16px;margin-bottom:1rem;border:0;border-top:1px solid #e9e9e9}.page-contents-textarea img{vertical-align:middle;max-width:100%;height:auto}.page-contents-textarea b,.page-contents-textarea strong{font-weight:bold}.page-contents-textarea blockquote{clear:both;padding:20px 25px;padding:1.25rem 1.5625rem;margin:20px 0 25px;margin:1.25rem 0rem 1.5625rem;border:1px solid #e9e9e9;border-left:4px solid #46a28d;box-shadow:2px 2px 13px #eee;-webkit-box-shadow:2px 2px 13px #eee}.page-contents-textarea blockquote p:last-child{margin-bottom:3px}.page-contents-textarea blockquote cite{margin-bottom:16px;margin-bottom:1rem;font-size:13px;font-style:normal}.page-contents-textarea dfn,.page-contents-textarea cite,.page-contents-textarea em,.page-contents-textarea i{font-style:italic}.page-contents-textarea figure{margin:0}.page-contents-textarea address{margin-bottom:16px;margin-bottom:1rem;font-style:normal;line-height:inherit}.page-contents-textarea tt,.page-contents-textarea kbd,.page-contents-textarea pre,.page-contents-textarea code,.page-contents-textarea samp,.page-contents-textarea var{padding:7px;padding:.4375rem;background-color:#f8f9f9;border-radius:2px;font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}.page-contents-textarea pre{max-width:100%;padding:16px;padding:1rem;margin:0 0 16px;margin:0rem 0rem 1rem;overflow:auto;line-height:1.7;white-space:pre-wrap}.page-contents-textarea details summary{margin-bottom:16px;margin-bottom:1rem;font-weight:bold}.page-contents-textarea details :focus{outline:none}.page-contents-textarea abbr,.page-contents-textarea acronym,.page-contents-textarea dfn{border-bottom:1px dotted #e9e9e9;cursor:help;font-size:15px;font-size:.9375rem;letter-spacing:1px;text-transform:uppercase}.page-contents-textarea mark{background-color:#f8f9f9;text-decoration:none}.page-contents-textarea small{font-size:82%}.page-contents-textarea big{font-size:125%}.page-contents-textarea table{box-sizing:border-box;width:100%;max-width:100%;margin:20px auto 0;margin-bottom:16px;margin-bottom:1rem;border:1px solid #e9e9e9;-webkit-box-sizing:border-box}.page-contents-textarea table th,.page-contents-textarea table td{vertical-align:top;padding:12px;padding:.75rem;border:1px solid #e9e9e9;line-height:1.5}.page-contents-textarea table thead th,.page-contents-textarea table thead td{vertical-align:bottom;border-bottom:2px solid #e9e9e9}.page-contents-textarea table tbody+tbody{border-top:2px solid #e9e9e9}.page-contents-textarea .alignleft{float:left;display:inline;margin-right:1.5em}.page-contents-textarea .alignright{float:right;display:inline;margin-left:1.5em}.page-contents-textarea .aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.page-contents-textarea .clear:before,.page-contents-textarea .clear:after,.page-contents-textarea .entry-content:before,.page-contents-textarea .entry-content:after,.page-contents-textarea .comment-content:before,.page-contents-textarea .comment-content:after,.page-contents-textarea .site-header:before,.page-contents-textarea .site-header:after,.page-contents-textarea .site-content:before,.page-contents-textarea .site-content:after,.page-contents-textarea .site-footer:before,.page-contents-textarea .site-footer:after{content:"";display:table}.page-contents-textarea .clear:after,.page-contents-textarea .entry-content:after,.page-contents-textarea .comment-content:after,.page-contents-textarea .site-header:after,.page-contents-textarea .site-content:after,.page-contents-textarea .site-footer:after{clear:both}.page-contents-textarea .wp-caption{max-width:100%;margin-bottom:1.5em}.page-contents-textarea .wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.page-contents-textarea .wp-caption .wp-caption-text,.page-contents-textarea .wp-caption-dd{margin:.8075em 0;font-style:italic}.page-contents-textarea .wp-caption-text,.page-contents-textarea .wp-caption-dd{text-align:center}.page-contents-textarea .gallery{margin-bottom:1.5em}.page-contents-textarea .gallery-item{display:inline-block;vertical-align:top;width:100%;text-align:center}.page-contents-textarea .gallery-columns-2 .gallery-item{max-width:50%}.page-contents-textarea .gallery-columns-2 .gallery-item img{width:100%;padding:.5px}.page-contents-textarea .gallery-columns-3 .gallery-item{max-width:33.33%}.page-contents-textarea .gallery-columns-3 .gallery-item img{width:100%;padding:.5px}.page-contents-textarea .gallery-columns-4 .gallery-item{max-width:25%}.page-contents-textarea .gallery-columns-4 .gallery-item img{width:100%;padding:.5px}.page-contents-textarea .gallery-columns-5 .gallery-item{max-width:20%}.page-contents-textarea .gallery-columns-5 .gallery-item img{width:100%;padding:.5px}.page-contents-textarea .gallery-columns-6 .gallery-item{max-width:16.66%}.page-contents-textarea .gallery-columns-6 .gallery-item img{width:100%;padding:.5px}.page-contents-textarea .gallery-columns-7 .gallery-item{max-width:14.28%}.page-contents-textarea .gallery-columns-8 .gallery-item{max-width:12.5%}.page-contents-textarea .gallery-columns-9 .gallery-item{max-width:11.11%}.page-contents-textarea .gallery-caption{display:block}.page-contents-textarea .page-content .wp-smiley,.page-contents-textarea .entry-content .wp-smiley,.page-contents-textarea .comment-content .wp-smiley{padding:0;margin-top:0;margin-bottom:0;border:none}.page-contents-textarea embed,.page-contents-textarea iframe,.page-contents-textarea object{max-width:100%}.pagination{display:flex;justify-content:center;align-items:center;margin:20px auto 0;text-align:center;-webkit-box-align:center;-webkit-box-pack:center;-ms-flex-align:center;-ms-flex-pack:center}.pagination .page-numbers{padding:10px 12px;margin-right:10px;background:#f2f7fa;border-radius:3px;box-shadow:2px 2px 2px #ccc;color:#333;-webkit-box-shadow:2px 2px 2px #ccc}.pagination .current{padding:10px 12px;background:#036eb8;color:#fff}.pagination .prev,.pagination .next{padding:10px 12px;background:rgba(0,0,0,0);background:#f2f7fa;border-radius:3px;box-shadow:none;box-shadow:2px 2px 2px #ccc;color:#036eb8;color:#333;-webkit-box-shadow:none;-webkit-box-shadow:2px 2px 2px #ccc}.pagination .dots{background:rgba(0,0,0,0);box-shadow:none;-webkit-box-shadow:none}.partner-base{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:0;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.partner-base li{width:47%;padding:0;margin:60px 0 0;text-align:left}.partner-heading{padding:0 0 10px;margin:0 0 0;border-bottom:3px solid #002f7c;font-size:26px;font-weight:bold}.partner-box{display:flex;justify-content:space-between;padding:0 0 60px;margin:25px 0 0;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify}.partner-box .partner-image{width:25%;padding:0;margin:0}.partner-box .partner-image img{width:100%;height:auto}.partner-box .partner-text{width:70%;padding:0;margin:-10px 0 0}.page-applisitemap-base{box-sizing:border-box;display:flex;justify-content:space-between;max-width:800px;padding:80px 0 0 10%;margin:0 auto;text-align:left;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.page-applisitemap-base li{width:50%;padding:0;margin:0}.page-applisitemap-base .applisitemap-01{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-01.svg) no-repeat;background-position:3px 12px}.page-applisitemap-base .applisitemap-02{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-02.svg) no-repeat;background-position:0 8px}.page-applisitemap-base .applisitemap-03{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-03.svg) no-repeat;background-position:0 12px}.page-applisitemap-base .applisitemap-04{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-04.svg) no-repeat;background-position:3px 10px}.page-applisitemap-base .applisitemap-05{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-05.svg) no-repeat;background-position:0 10px}.page-applisitemap-base .applisitemap-06{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-06.svg) no-repeat;background-position:0 10px;position:relative}.page-applisitemap-base .applisitemap-07{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-07.svg) no-repeat;background-position:0 12px;position:relative}.page-applisitemap-base .applisitemap-08{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-08.svg) no-repeat;background-position:3px 7px;position:relative}.page-applisitemap-base .applisitemap-08::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);position:absolute;top:10%;left:115px}.page-applisitemap-base .applisitemap-09{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-09.svg) no-repeat;background-position:2px 8px;position:relative}.page-applisitemap-base .applisitemap-09::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);position:absolute;top:10%;left:215px}.page-applisitemap-base .applisitemap-10{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-10.svg) no-repeat;background-position:2px 8px;position:relative}.page-applisitemap-base .applisitemap-01 a,.page-applisitemap-base .applisitemap-02 a,.page-applisitemap-base .applisitemap-03 a,.page-applisitemap-base .applisitemap-04 a,.page-applisitemap-base .applisitemap-05 a,.page-applisitemap-base .applisitemap-06 a,.page-applisitemap-base .applisitemap-07 a,.page-applisitemap-base .applisitemap-08 a,.page-applisitemap-base .applisitemap-09 a,.page-applisitemap-base .applisitemap-10 a{display:inline-block;text-decoration:none;position:relative}.page-applisitemap-base .applisitemap-01 a::after,.page-applisitemap-base .applisitemap-02 a::after,.page-applisitemap-base .applisitemap-03 a::after,.page-applisitemap-base .applisitemap-04 a::after,.page-applisitemap-base .applisitemap-05 a::after,.page-applisitemap-base .applisitemap-06 a::after,.page-applisitemap-base .applisitemap-07 a::after,.page-applisitemap-base .applisitemap-08 a::after,.page-applisitemap-base .applisitemap-09 a::after,.page-applisitemap-base .applisitemap-10 a::after{content:"";width:100%;height:2px;background:#002f7c;position:absolute;left:0;bottom:1px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.page-applisitemap-base .applisitemap-01 a:hover::after,.page-applisitemap-base .applisitemap-02 a:hover::after,.page-applisitemap-base .applisitemap-03 a:hover::after,.page-applisitemap-base .applisitemap-04 a:hover::after,.page-applisitemap-base .applisitemap-05 a:hover::after,.page-applisitemap-base .applisitemap-06 a:hover::after,.page-applisitemap-base .applisitemap-07 a:hover::after,.page-applisitemap-base .applisitemap-08 a:hover::after,.page-applisitemap-base .applisitemap-09 a:hover::after,.page-applisitemap-base .applisitemap-10 a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.u-mt-xxsmall{margin:5px 0 0}.u-mt-xsmall{margin:10px 0 0}.u-mt-small{margin:20px 0 0}.u-mt{margin:30px 0 0}.u-mt-large{margin:40px 0 0}.u-mt-xlarge{margin:50px 0 0}.u-mt-xxlarge{margin:60px 0 0}.u-mt-xxxlarge{margin:100px 0 0}.u-mr-xxsmall{margin:0 5px 0 0}.u-mr-xsmall{margin:0 10px 0 0}.u-mr-small{margin:0 20px 0 0}.u-mr{margin:0 30px 0 0}.u-mr-large{margin:0 40px 0 0}.u-mr-xlarge{margin:0 50px 0 0}.u-mr-xxlarge{margin:0 60px 0 0}.u-mb-xxsmall{margin:0 0 5px 0}.u-mb-xsmall{margin:0 0 10px 0}.u-mb-small{margin:0 0 20px 0}.u-mb{margin:0 0 30px 0}.u-mb-large{margin:0 0 40px 0}.u-mb-xlarge{margin:0 0 50px 0}.u-mb-xxlarge{margin:0 0 60px 0}.u-ml-xxsmall{margin:0 0 0 5px}.u-ml-xsmall{margin:0 0 0 10px}.u-ml-small{margin:0 0 0 20px}.u-ml{margin:0 0 0 30px}.u-ml-large{margin:0 0 0 40px}.u-ml-xlarge{margin:0 0 0 50px}.u-ml-xxlarge{margin:0 0 0 60px}.align_c{text-align:center}.align_r{text-align:right}.align_l{text-align:left}.flo_l{float:left}.flo_r{float:right}.cboth{clear:both}span.suptext{vertical-align:top;font-size:75.5%;position:relative;top:-0.1em}span.subtext{vertical-align:bottom;font-size:75.5%;position:relative;top:.1em}a{color:#000}a:hover img{background:none !important;opacity:.8;cursor:pointer;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=70 )"}.link a{color:#036eb8}.link a:hover{color:#036eb8;text-decoration:underline}a.link{color:#036eb8}a:hover.link{color:#036eb8;text-decoration:underline}.header{width:100%;height:80px;padding:0;background:none;position:absolute;top:0;left:0;z-index:9999;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}.header .inbox{width:98%;height:80px;padding:0 1%;margin:0 auto;background:none;text-align:left;position:relative;top:0}.header .inbox .h-logoarea{display:inline-block;vertical-align:top;width:275px;padding:0;margin:20px 0 0;text-align:left}.header .inbox .h-logoarea img{width:100%}.header .inbox .h-logoarea img:hover{background:none;opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=70 )"}.header .inbox .h-rightbox{float:right;max-width:710px;padding:0;margin:0 80px 0 0}.header-appli{width:100%;height:80px;padding:0;padding:0;margin:0;background:#fff;position:fixed;z-index:9999;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}.header-appli .inbox{width:98%;height:80px;padding:0 1%;margin:0 auto;background:none;text-align:left;top:0}.header-appli .inbox .h-logoarea{display:inline-block;vertical-align:top;width:350px;padding:0;margin:18px 0 0;text-align:left}.header-appli .inbox .h-logoarea img{width:100%}.header-appli .inbox .h-logoarea img:hover{background:none;opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=70 )"}.header-appli .inbox .h-rightbox{display:inline-block;max-width:340px;padding:0;margin:27px 0 0 30px;font-size:13px}#gnav>ul{display:table;padding-left:0;margin:5px 0 0;right:0}#gnav>ul{box-sizing:border-box;-webkit-box-sizing:border-box}#gnav>ul>li:first-child{display:table-cell;padding:0 60px 0 0;margin:0}#gnav>ul>li{display:table-cell;padding:0 50px 0 0;margin:0}#gnav>ul>li img{width:90%}#gnav>ul>li:hover{cursor:pointer;color:#000}#gnav>ul>li:hover>a{opacity:1;color:#000}#gnav>ul>li:hover .menu{max-height:9999px;opacity:1}#gnav>ul>li>a{display:inline-block;padding:0;margin:5px 0 0 0;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}#gnav>ul>li>a::after{content:"";width:90%;height:2px;background:#036eb8;position:absolute;left:0;bottom:4px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}#gnav>ul>li>a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}#headbar{width:100%;position:fixed;top:0;left:0;z-index:999}#header-scroll{width:100%;height:80px;background:rgba(255,255,255,.8);border-bottom:1px solid #ccc;color:#000;position:absolute;top:0;left:0;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}#header-scroll .inbox{width:98%;height:80px;padding:0 1%;margin:0 auto;background:none;text-align:left;position:relative;top:0}#header-scroll .inbox .h-logoarea{display:inline-block;vertical-align:top;width:275px;padding:0;margin:22px 0 0;text-align:left}#header-scroll .inbox .h-logoarea img{width:100%}#header-scroll .inbox .h-logoarea img:hover{background:none;opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=70 )"}#header-scroll .inbox .h-rightbox{float:right;max-width:710px;padding:0;margin:0 80px 0 0}#header-scroll #gnav-scroll>ul{display:table;padding-left:0;margin:5px 0 0;right:0}#header-scroll #gnav-scroll>ul{box-sizing:border-box;-webkit-box-sizing:border-box}#header-scroll #gnav-scroll>ul>li:first-child{display:table-cell;padding:0 60px 0 0;margin:0}#header-scroll #gnav-scroll>ul>li{display:table-cell;padding:0 50px 0 0;margin:0}#header-scroll #gnav-scroll>ul>li img{width:90%}#header-scroll #gnav-scroll>ul>li:hover{cursor:pointer;color:#000}#header-scroll #gnav-scroll>ul>li:hover>a{opacity:1;color:#000}#header-scroll #gnav-scroll>ul>li:hover .menu{max-height:9999px;opacity:1}#header-scroll #gnav-scroll>ul>li>a{display:inline-block;padding:0;margin:5px 0 0 0;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}#header-scroll #gnav-scroll>ul>li>a::after{content:"";width:90%;height:2px;background:#036eb8;position:absolute;left:0;bottom:4px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}#header-scroll #gnav-scroll>ul>li>a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}#header-scroll .header-appli-scroll{width:100%;height:80px;padding:0;background:none;top:0;left:0;z-index:9999;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}#header-scroll .header-appli-scroll .inbox{width:98%;height:80px;padding:0 1%;margin:0 auto;background:none;text-align:left;top:0}#header-scroll .header-appli-scroll .inbox .h-logoarea{display:inline-block;vertical-align:top;width:350px;padding:0;margin:18px 0 0;text-align:left}#header-scroll .header-appli-scroll .inbox .h-logoarea img{width:100%}#header-scroll .header-appli-scroll .inbox .h-logoarea img:hover{background:none;opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=70 )"}#header-scroll .header-appli-scroll .inbox .h-rightbox-scroll{display:inline-block;max-width:340px;padding:0;margin:27px 0 0 30px;font-size:13px}.appli-navi{width:98%;padding:5px 1% 2px;margin:0;background:#fff;border-top:1px solid #999;border-bottom:1px solid #999;position:fixed;top:80px;z-index:9999}.appli-navi .applinavi-in{display:flex;justify-content:space-between;max-width:1200px;padding:0;margin:0 auto;font-size:14px;font-weight:bold;-webkit-box-pack:justify;-ms-flex-pack:justify}.appli-navi .applinavi-in li{padding:0;margin:0}.appli-navi .applinavi-in li>a.navi-link{display:inline-block;padding:0;margin:0;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.appli-navi .applinavi-in li>a.navi-link::after{content:"";width:100%;height:2px;background:#002f7c;position:absolute;left:0;bottom:1px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.appli-navi .applinavi-in li>a.navi-link:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.appli-navi .applinavi-in li>a.appservice{display:inline-block;padding:0 0 0 23px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-arrow-blk.svg) no-repeat;background-position:0 6px;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.appli-navi .applinavi-in li>a.appservice::after{content:"";width:100%;height:2px;background:#002f7c;position:absolute;left:0;bottom:1px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.appli-navi .applinavi-in li>a.appservice:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.appli-navi .applinavi-in li a.navi-search:hover{opacity:.5;transition:all .5s;-webkit-transition:all .5s}.appli-navi .applinavi-in li.navi-last{padding:3px 0 0;margin:0;position:relative}.appli-navi .applinavi-in li.navi-last .open-btn{width:50px;height:30px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-search.svg) no-repeat 20px 3px;background-size:20px 20px;cursor:pointer}.appli-navi .applinavi-in li.navi-last .open-btn.btnactive{background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon_close.svg) no-repeat 20px 3px;background-size:18px 18px}.appli-navi .applinavi-in li.navi-last #search-wrap{width:0;border-radius:8px;opacity:0;position:absolute;top:0;right:0;z-index:-1;transition:all .4s;-webkit-transition:all .4s}.appli-navi .applinavi-in li.navi-last #search-wrap.panelactive{width:280px;padding:20px;background:#eee;box-shadow:3px 3px 3px rgba(0,47,124,.5);opacity:1;top:38px;right:0;z-index:3;-webkit-box-shadow:3px 3px 3px rgba(0,47,124,.5)}.appli-navi .applinavi-in li.navi-last #search-wrap #searchform{display:none}.appli-navi .applinavi-in li.navi-last #search-wrap.panelactive #searchform{display:block}.appli-navi .applinavi-in li.navi-last #search-wrap input{cursor:pointer;outline:none;color:#666;-webkit-appearance:none}.appli-navi .applinavi-in li.navi-last #search-wrap input[type=text]{width:100%;height:46px;padding:10px;border:none;border-bottom:2px solid #ccc;letter-spacing:.05em;transition:all .5s;-webkit-transition:all .5s}.appli-navi .applinavi-in li.navi-last #search-wrap input[type=text]:focus{background:#fff}.appli-navi .applinavi-in li.navi-last #search-wrap input[type=submit]{width:30px;height:60px;text-indent:-9999px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-search.svg) no-repeat right;background-size:20px 20px;border:none;position:absolute;top:12px;right:30px}.footer-pagebottom-contact{min-height:250px;padding:60px 0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-bg-pagebtm-contact.jpg) no-repeat;background-position:center 0;background-size:cover;position:relative;z-index:0}.footer-pagebottom-contact::before{content:"";display:block;background-color:#036eb8;opacity:.7;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.footter-pagebottom-heading{padding:0;margin:60px auto 50px;font-size:30px;text-align:center}.footer-base-area{width:100%;padding:50px 0 50px;margin:0;background:#f2f7fa;text-align:left}.footerbox{display:flex;justify-content:space-between;max-width:1200px;padding:0;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify}.footerbox .footer-logo-area{width:250px;padding:0;margin:0 0 0 10px;text-align:left}.footerbox .footer-logo-area img{width:100%;height:auto}.footerbox .footer-menubox{display:flex;justify-content:space-between;width:700px;padding:0;margin:2px 0 0;font-size:15px;-webkit-box-pack:justify;-ms-flex-pack:justify}.footer-contact-base{max-width:1200px;padding:0 0 0 10px;margin:20px auto 0;text-align:left}.footer-contact-base .footer-contact-box{max-width:300px;padding:15px 20px;margin:0;border:1px solid #000}.f-menu{width:100%;max-width:1050px;height:20px;margin:0 auto;position:relative}.f-menu>li{float:left;width:16.666%;height:40px;background:rgba(255,255,255,0);line-height:50px}.f-menu>li a{display:block;color:#000}.f-menu>li a:hover{color:#333}ul.menu__second-level{opacity:0;z-index:1;visibility:hidden}.f-menu>li:hover{background:#fff;transition:all .5s;-webkit-transition:all .5s}.menu__second-level li{border-top:1px solid #fff;color:#fff}.menu__second-level li a{padding:10px 3px;color:#000;font-size:85%}.menu__second-level li a:hover{background:#eee}.f-menu:before,.f-menu:after{content:" ";display:table}.f-menu:after{clear:both}.f-menu{*zoom:1}.f-menu>li.menu__single{position:relative}li.menu__single ul.menu__second-level{width:100%;background:#036eb8;line-height:1.2;position:absolute;top:20px;transition:all .2s ease;-webkit-transition:all .2s ease}li.menu__single:hover ul.menu__second-level{opacity:1;top:40px;visibility:visible}.footer-copyright-box{width:100%;padding:10px 0 10px 0;margin:0 auto;background:#ddd;text-align:left}.footer-copyright-box .inbox{display:flex;justify-content:space-between;max-width:1200px;padding:0;margin:0 auto;color:#000;font-size:14px;-webkit-box-pack:justify;-ms-flex-pack:justify}.footer-copyright-box .footer-link-area{display:flex;justify-content:space-between;width:400px;padding:0;margin:0;text-align:right;-webkit-box-pack:justify;-ms-flex-pack:justify}.footer-copyright-box .footer-link{padding:0 17px 0 0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:right 9px}.footer-menulink a{display:inline-block;text-decoration:none;position:relative}.footer-menulink a::after{content:"";width:100%;height:2px;background:#036eb8;position:absolute;left:0;bottom:-2px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.footer-menulink a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.footer-appli-menulink a{display:inline-block;text-decoration:none;position:relative}.footer-appli-menulink a::after{content:"";width:100%;height:2px;background:#002f7c;position:absolute;left:0;bottom:-2px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.footer-appli-menulink a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.footer-appli-base-area{width:98%;padding:50px 1% 30px;margin:0;background:#002f7c;color:#fff;text-align:left}.footer-appli-box{display:flex;justify-content:space-between;max-width:1200px;padding:0;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify}.footer-appli-box .footer-logo-area{width:300px;padding:0;margin:0;font-size:14px;line-height:1.6;text-align:left}.footer-appli-box .footer-logo-area img{width:100%;height:auto}.footer-appli-box .footer-menubox{display:flex;flex-wrap:wrap;justify-content:space-between;width:375px;padding:0;margin:2px 0 0;font-size:15px;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.footer-appli-box .footer-menubox li{margin:0 0 10px}.footer-appli-box .footer-menubox li .footer-applimenu{margin:0 0 20px}.footer-appli-box .footer-menubox li .footer-applimenu>a{display:inline-block;padding:0;margin:0;color:#fff;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.footer-appli-box .footer-menubox li .footer-applimenu>a::after{content:"";width:100%;height:2px;background:#e50012;position:absolute;left:0;bottom:1px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.footer-appli-box .footer-menubox li .footer-applimenu>a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}#page-top,#form-page-top{position:fixed;right:12px;z-index:10}#page-top a,#form-page-top a{display:block;text-decoration:none}#page-top a:hover,#form-page-top a:hover{text-decoration:none}.header-contact-button{display:inline-block;vertical-align:top;width:110px;height:80px;padding:13px 0 0;background-color:#f05454;outline:none;color:#fff;font-size:16px;line-height:80px;text-align:center;text-decoration:none;position:absolute;right:0}.header-contact-button::before,.header-contact-button::after{content:"";display:block;position:absolute;z-index:-1}.header-contact-button,.header-contact-button::before,.header-contact-button::after{box-sizing:border-box;transition:all .5s;-webkit-box-sizing:border-box;-webkit-transition:all .5s}.header-contact-button:hover{background-color:#ff9696}.top-button{display:inline-block;width:640px;padding:15px 0;background-color:#f05454;border-radius:50px;color:#fff;font-size:30px;text-align:center;text-decoration:none;position:relative}.top-button::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-arrow-wh.svg);margin-top:-5px;position:absolute;top:12%;right:.5em;border-left-color:#fff}.top-button:hover{background-color:#ff9696;transition:all .5s;-webkit-transition:all .5s}.top-button:hover::after{animation:arrow .4s;-webkit-animation:arrow .4s}@keyframes arrow{50%{right:.2em}100%{right:.5em}}.top-contact-button{display:inline-block;width:450px;padding:15px 0;background:none;border:1px solid #fff;border-radius:50px;color:#fff;font-size:30px;text-align:center;text-decoration:none;position:relative}.top-contact-button::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-arrow-wh.svg);margin-top:-5px;position:absolute;top:12%;right:.5em;border-left-color:#fff}.top-contact-button:hover{background-color:rgba(255,255,255,.3);transition:all .5s;-webkit-transition:all .5s}.top-contact-button:hover::after{animation:arrow-contact .4s;-webkit-animation:arrow-contact .4s}@keyframes arrow-contact{50%{right:.2em}100%{right:.5em}}.download-button{display:inline-block;width:100%;height:54px;margin:20px 0 0;background-color:#fff;border:1px solid #036eb8;border-radius:8px;outline:none;color:#036eb8;line-height:54px;text-align:center;text-decoration:none}.download-button::before,.download-button::after{content:"";display:block;position:absolute;z-index:-1}.download-button,.download-button::before,.download-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.download-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.page-back-button{display:inline-block;height:54px;padding:0 20px;margin:0 10px;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:18px;line-height:52px;text-align:center;text-decoration:none}.page-back-button::before,.page-back-button::after{content:"";display:block;position:absolute;z-index:-1}.page-back-button,.page-back-button::before,.page-back-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.page-back-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.faq-index-button{display:inline-block;width:100%;height:60px;padding:0 20px;margin:0;background-color:#036eb8;border:1px solid #036eb8;border-radius:8px;outline:none;color:#fff;font-size:22px;line-height:58px;text-align:center;text-decoration:none}.faq-index-button::before,.faq-index-button::after{content:"";display:block;position:absolute;z-index:-1}.faq-index-button,.faq-index-button::before,.faq-index-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.faq-index-button:hover{background-color:#fff;border:1px solid #036eb8;color:#036eb8}.column-button{display:inline-block;height:40px;padding:0 20px;margin:0 10px;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:16px;line-height:38px;text-align:center;text-decoration:none}.column-button::before,.column-button::after{content:"";display:block;position:absolute;z-index:-1}.column-button,.column-button::before,.column-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.column-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.partner-button{display:inline-block;height:40px;padding:0 20px;margin:0 10px;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:16px;line-height:38px;text-align:center;text-decoration:none;position:absolute;right:0;bottom:0}.partner-button::before,.partner-button::after{content:"";display:block;position:absolute;z-index:-1}.partner-button,.partner-button::before,.partner-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.partner-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.notfound-button{display:inline-block;height:54px;padding:0 20px;margin:0 10px;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:16px;line-height:52px;text-align:center;text-decoration:none}.notfound-button::before,.notfound-button::after{content:"";display:block;position:absolute;z-index:-1}.notfound-button,.notfound-button::before,.notfound-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.notfound-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.footer-entry-btn-area{display:flex;justify-content:space-between;max-width:970px;padding:0;margin:80px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify}.footer-entry-btn-area li{width:400px;padding:0;margin:0}.formtb dl,.formtb dt,.formtb dd{padding:0;margin:0}.formtb dl{display:table;width:99%;border-style:none solid none solid}.formtb dl:last-child{border-style:none solid solid solid}.formtb dt{display:table-cell;vertical-align:top;padding:25px 0 10px}.formtb dd{display:table-cell;vertical-align:middle;width:75%;padding:20px 0;text-align:left}.form-must{width:50px;height:24px;padding:4px 7px;margin-top:-12px;margin-right:10px;background:#f05454;border-radius:6px;color:#fff;font-size:12px;line-height:24px;text-align:center}.downloadform-must{padding:0 0 0 55px;margin:30px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-must.svg) no-repeat;background-position:0 5px;text-align:left}.downloadform-must-01{padding:0 0 0 55px;margin:15px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-must.svg) no-repeat;background-position:0 5px;text-align:left}.form-note{padding:0;margin:2px 0 0;color:#555;font-size:11px;text-align:left}.input-01{width:100%;height:50px;padding-left:10px;background:#fff;border:1px solid #e1e1e1;border-radius:6px;font-size:15px}.input-02{width:35%;height:50px;padding-left:10px;background:#fff;border:1px solid #e1e1e1;border-radius:6px;font-size:15px}.form-date-txt{display:inline-block;width:20px;margin:0 15px 0 5px;font-size:15px}.inputmessage-01{width:100%;height:150px;padding:10px;margin:0;margin-left:0;background:#fff;border:1px solid #e1e1e1;border-radius:6px;font-size:15px}.input-01a{width:100%;height:40px;padding-left:10px;background:#fff;border:1px solid #e1e1e1;border-radius:6px;font-size:15px}.input-02a{width:35%;height:50px;padding-left:10px;background:#fff;border:1px solid #e1e1e1;border-radius:6px;font-size:15px}.downloadform-button-area{display:flex;justify-content:center;align-items:center;padding:0;margin:10px 0 0;text-align:center;-webkit-box-align:center;-webkit-box-pack:center;-ms-flex-align:center;-ms-flex-pack:center}.submit-button{display:inline-block;width:200px;padding:10px 0;margin:20px 0 0;background:#036eb8;border:none;border-radius:12px;color:#fff;font-size:16px}.submit-button:hover{width:200px;padding:10px 0;margin:20px 0 0;background:#0284de;border:none;border-radius:12px;cursor:pointer;color:#fff;font-size:16px}.back-button{display:inline-block;width:100px;padding:10px 0;margin:20px 15px 0;background:#999;border:none;border-radius:12px;color:#fff;font-size:16px}.back-button:hover{display:inline-block;width:100px;padding:10px 0;margin:20px 15px 0;background:#ccc;border:none;border-radius:12px;cursor:pointer;color:#fff;font-size:16px}.privacy-area{padding:0;margin:5px 0 0;font-size:14px;text-align:center}.mw_wp_form_confirm .formtb dd.input-text{padding:10px 0 0;margin:0}.top-contents-title{padding:0;margin:0;color:#fff;font-size:40px;font-weight:bold;text-align:center}.top-contents-title-02{display:inline-block;padding:0 70px;font-size:40px;font-weight:bold;position:relative}.top-contents-title-02:before,.top-contents-title-02:after{content:"";display:inline-block;width:45px;height:1px;background-color:#000;position:absolute;top:50%}.top-contents-title-02:before{left:0}.top-contents-title-02:after{right:0}.top-about-heading{padding:0;margin:0;color:#00ade1;font-size:26px;font-weight:bold;line-height:1.5;position:absolute;top:0;left:80px}.top-about-heading-02{padding:0;margin:0;color:#00ade1;font-size:26px;font-weight:bold;line-height:1.5;position:absolute;top:15px;left:80px}.appli-heading{border-bottom:solid 3px #ddd;font-size:24px;font-weight:bold;position:relative}.appli-heading:after{content:" ";display:block;width:14%;border-bottom:solid 3px #002f7c;position:absolute;bottom:-3px}.appli-side-heading{margin:30px 0 0;border-bottom:solid 3px #ddd;font-size:20px;font-weight:bold;position:relative}.appli-side-heading:after{content:" ";display:block;width:34%;border-bottom:solid 3px #002f7c;position:absolute;bottom:-3px}h2.page-heading{padding:3px 10px 3px 10px;margin:20px 0;font-size:26px;font-weight:bold;line-height:1.4;position:relative}h2.page-heading:before{content:"";width:8px;height:calc(100% - 10px);background-color:#036eb8;position:absolute;top:5px;left:0}.appli-relate-heading,.widgettitle{padding:0;margin:30px 0 0;border-bottom:solid 3px #ddd;font-size:24px;font-weight:bold;position:relative}.appli-relate-heading:after,.widgettitle:after{content:" ";display:block;width:14%;border-bottom:solid 3px #002f7c;position:absolute;bottom:-3px}.appli-search-heading{border-bottom:solid 3px #ddd;font-size:24px;font-weight:bold;position:relative}.appli-search-heading :after{content:" ";display:block;width:14%;border-bottom:solid 3px #002f7c;position:absolute;bottom:-3px}.bosyu-heading-base{padding:0;margin:0;background:#ebebeb;color:#002f7c;font-size:30px;font-weight:bold;text-align:left}.bosyu-heading-base .bosyu-heading{padding:10px 0 10px 150px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-bosyu.svg) no-repeat}.partner-heading-base{padding:0;margin:0;background:#ebebeb;color:#002f7c;font-size:30px;font-weight:bold;text-align:left}.partner-heading-base .partner-heading{padding:10px 0 10px 150px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-partner.svg) no-repeat}.mailmagazine-heading-base{padding:0;margin:0;background:#ebebeb;color:#002f7c;font-size:30px;font-weight:bold;text-align:left}.mailmagazine-heading-base .mailmagazine-heading{padding:10px 0 10px 150px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-mailmagazine.svg) no-repeat}.applisitemap-heading-base{padding:0;margin:0;background:#ebebeb;color:#002f7c;font-size:30px;font-weight:bold;text-align:left}.applisitemap-heading-base .applisitemap-heading{padding:10px 0 10px 150px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap.svg) no-repeat}.slider{width:100%;height:92vh;padding:0;margin:0;position:relative}.main-catch-area{max-width:1200px;padding:0;margin:280px auto 0;position:relative}.main-catch-area-02{max-width:1200px;padding:0;margin:280px auto 0;position:relative}p.main-catch-01{border-right:solid 7px rgba(0,173,225,.8);overflow:hidden;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#000;font-size:40px;font-weight:bold;line-height:1.3;text-align:left;text-shadow:2px 2px 2px #fff,-2px -2px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff,2px 0 2px #fff,-2px 0 2px #fff,0 2px 2px #fff,0 -2px 2px #fff;white-space:nowrap}p.main-catch-01{animation:animated-text 1.2s steps(13, end) 1s 1 normal both,animated-cursor 2500ms steps(13, end) infinite;-webkit-animation:animated-text 1.2s steps(13, end) 1s 1 normal both,animated-cursor 2500ms steps(13, end) infinite}@keyframes animated-text{from{width:0}to{width:530px}}@keyframes animated-cursor{from{border-right-color:rgba(0,173,225,.9)}to{border-right-color:rgba(0,0,0,0)}}p.main-catch-02{margin:20px 0 0;border-right:solid 7px rgba(0,173,225,.9);overflow:hidden;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#000;font-size:40px;font-weight:bold;line-height:1.3;text-align:left;text-shadow:2px 2px 2px #fff,-2px -2px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff,2px 0 2px #fff,-2px 0 2px #fff,0 2px 2px #fff,0 -2px 2px #fff;white-space:nowrap}p.main-catch-02{animation:animated-text-02 1s steps(10, end) 1s 1 normal both,animated-cursor-02 2500ms steps(10, end) infinite;-webkit-animation:animated-text-02 1s steps(10, end) 1s 1 normal both,animated-cursor-02 2500ms steps(10, end) infinite}@keyframes animated-text-02{from{width:0}to{width:1150px}}@keyframes animated-cursor-02{from{border-right-color:rgba(0,173,225,.9)}to{border-right-color:rgba(0,0,0,0)}}.main-bottom-area{width:100%;padding:15px 0;margin:0;background:rgba(245,245,245,.8);position:absolute;bottom:0}.main-bottom-area .main-bottom-contents{display:flex;justify-content:space-between;align-items:center;max-width:1100px;padding:10px 0;margin:0 auto;font-size:20px;text-align:left;-webkit-box-align:center;-webkit-box-pack:justify;-ms-flex-align:center;-ms-flex-pack:justify}.main-bottom-area .main-bottom-contents .btm-box01{width:30%;padding:0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-mainimg-bar.png) no-repeat;background-position:270px top;line-height:1.4}.main-bottom-area .main-bottom-contents .btm-box02{width:32%;padding:0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-mainimg-bar.png) no-repeat;background-position:285px top;line-height:1.4}.main-bottom-area .main-bottom-contents .btm-box03{width:38%;padding:0;margin:0;line-height:1.2}.slide-bottom{opacity:0;transition:all 1.3s 0s ease-out;transform:translateY(20px);-webkit-transform:translateY(20px);-webkit-transition:all 1.3s 0s ease-out}@keyframes fade-in{from{opacity:0;transform:translateY(100px);-webkit-transform:translateY(100px)}to{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}}.pickup-slider{width:1170px;height:245px;margin:0 auto}.pickup-slider li{height:245px;border-left:5px solid #f2f7fa;color:#000;text-align:center;position:relative}.pickup-slider li img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.slide-pickup-area{box-sizing:border-box;width:100%;padding:10px;background:rgba(0,0,0,.5);color:#fff;text-align:left;position:absolute;left:0;right:0;bottom:0;-webkit-box-sizing:border-box}.slide-pickup-date{padding:0 0 0 22px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-slidedate.svg) no-repeat;background-position:0 7px;font-size:14px;text-align:left}.slide-pickup-title{padding:0;margin:5px 0 0;line-height:1.7;text-align:left}.category-pickup{min-width:100px;padding:2px 7px;background:#ffbc2b;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.txt12{font-size:12px}.txt13{font-size:13px}.txt14{font-size:14px}.txt15{font-size:15px}.txt16{font-size:16px}.txt18{font-size:18px}.txt20{font-size:20px}.txt22{font-size:22px}.txt24{font-size:24px}.txt26{font-size:26px}.txt28{font-size:28px}.txt30{font-size:30px}.txt32{font-size:32px}.txt34{font-size:34px}.txt36{font-size:36px}.txt38{font-size:38px}.txt40{font-size:40px}.txt46{font-size:46px}.txt50{font-size:50px}.txt56{font-size:56px}.txt60{font-size:60px}.text-bold{font-weight:bold}.text-udl{text-decoration:underline}.font-italic{font-style:italic}.red{color:#f05454}.red-b{color:#f05454;font-weight:700}.blue{color:#036eb8}.blue-b{color:#036eb8;font-weight:700}.skyblue{color:#00ade1}.skyblue-b{color:#00ade1;font-weight:700}.gray{color:#ccc}.darkgray{color:#888}.black{color:#000}@font-face{font-family:"Noto Sans JP";font-weight:400;font-style:normal;src:local(""),url(//ma-inc.jp/game_support/wp-content/themes/fonts/NotoSansJP-Regular.otf) format("opentype")}@font-face{font-family:"Noto Sans JP";font-weight:700;font-style:normal;src:local(""),url(//ma-inc.jp/game_support/wp-content/themes/fonts/NotoSansJP-Bold.otf) format("opentype")}html{vertical-align:baseline;padding:0;margin:0;border:0;font-size:62.5%;text-decoration:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{padding:0;margin:0;background:#fff;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#1d1d1d;font-size:1.6rem;line-height:2;text-align:center;font-display:swap}.wrapper{width:100%;padding:0;margin:0;overflow:hidden}* html body{overflow:hidden}html{visibility:hidden}html.wf-active,html.loading-delay{visibility:visible}#faq01,#faq02,#faq03{padding-top:240px;margin-top:-240px}#h2022,#h2021,#h2020,#h2019,#h2018,#h2011{padding-top:100px;margin-top:-100px}.fixed{height:100%;overflow:auto}.is-pc{display:block !important}.is-sp{display:none !important}.is-header-pc{display:block !important}.is-header-sp{display:none !important}.drawer-navbar{display:none}.fadein{opacity:0;transition:all 1.5s;transform:translateY(60px);-webkit-transform:translateY(60px);-webkit-transition:all 1.5s;visibility:hidden}.fadein.scrollin{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);visibility:visible}.fadein.scrollin:nth-of-type(1){transition-delay:.1s}.fadein.scrollin:nth-of-type(2){transition-delay:.2s}.fadein.scrollin:nth-of-type(3){transition-delay:.3s}.fadein.scrollin:nth-of-type(4){transition-delay:.4}.fadein.scrollin:nth-of-type(5){transition-delay:.5s}.fadein.scrollin:nth-of-type(6){transition-delay:.6s}.fadein.scrollin:nth-of-type(7){transition-delay:.7s}.fadein.scrollin:nth-of-type(8){transition-delay:.8s}.fadein.scrollin:nth-of-type(9){transition-delay:.9s}.fadein.scrollin:nth-of-type(10){transition-delay:1s}.fadein.scrollin:nth-of-type(11){transition-delay:.1s}.fadein.scrollin:nth-of-type(12){transition-delay:1.1s}.fadein.scrollin:nth-of-type(13){transition-delay:1.2s}.fadein.scrollin:nth-of-type(14){transition-delay:1.3s}.fadein.scrollin:nth-of-type(15){transition-delay:.1s}.fadein-pt02{opacity:0;transition:all 2.5s;-webkit-transition:all 2.5s}.fadein-pt02.active{opacity:1}.bread-area-appli span[property=name]{display:inline-block;vertical-align:middle;max-width:1050px;padding:0;margin-top:-3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bread-area{max-width:1180px;padding:20px 10px 0;margin:0 auto;font-size:12px;text-align:left}.bread-area a:hover{text-decoration:underline}.bread-area-02{max-width:1180px;padding:20px 10px 0;margin:120px auto 0;font-size:12px;text-align:left}.bread-area-02 a:hover{text-decoration:underline}.bread-area-notfound{max-width:1200px;padding:0;margin:100px auto 0;font-size:12px;text-align:left}.bread-area-appli{max-width:1200px;padding:0;margin:140px auto 0;font-size:12px;text-align:left}div.scroll{display:inline-block;padding:10px 10px 80px;overflow:hidden;font-family:"Josefin Sans",sans-serif;color:#000;font-size:12px;line-height:1;letter-spacing:.2em;text-decoration:none;text-transform:uppercase;position:absolute;left:40px;bottom:0;z-index:2;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}div.scroll::after{content:"";width:1px;height:70px;background:#000;position:absolute;left:50%;bottom:0;animation:sdl 2s cubic-bezier(1, 0, 0, 1) infinite;-webkit-animation:sdl 2s cubic-bezier(1, 0, 0, 1) infinite}@keyframes sdl{0%{transform:scale(1, 0);-webkit-transform:scale(1, 0);transform-origin:0 0}30%{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:0 0}70%{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:0 100%}100%{transform:scale(1, 0);-webkit-transform:scale(1, 0);transform-origin:0 100%}}.bg-gray-01{background:rgba(3,110,184,.13)}.bg-gray-02{background:#f4f4f4}.page-base{padding:100px 0;margin:0}.page-base-02{padding:0;margin:0;background:#f2f7fa}.page-base-download{padding:100px 0 20px;margin:0;background:#fff}.page-base-faq{padding:100px 0;margin:0;background:#f1f1f1}.page-case-area{padding:100px 0 20px;margin:0}.section-comp{padding:0;margin:0}.section-comp-02{padding:0;margin:100px 0 0}.section-comp-03{padding:0;margin:100px 0 0}.section-comp-04{padding:100px 0 150px;margin:0}.section-comp-05{padding:60px 0 100px;margin:100px 0 0;background:#fff}.section-comp-06{padding:0 0 100px;margin:0;background:#fff}.contents-01{box-sizing:border-box;width:100%;padding:60px 0 0;margin:0 auto;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-point.jpg) no-repeat;background-position:center top;-webkit-box-sizing:border-box}.contents-02{box-sizing:border-box;width:100%;padding:60px 0 0;margin:0 auto;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-example.jpg) no-repeat;background-position:center top;-webkit-box-sizing:border-box}.contents-03{box-sizing:border-box;width:100%;padding:60px 0 0;margin:0 auto;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-case.jpg) no-repeat;background-position:center top;-webkit-box-sizing:border-box}.contents-04{box-sizing:border-box;width:100%;padding:60px 0 0;margin:0 auto;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-plan.jpg) no-repeat;background-position:center top;-webkit-box-sizing:border-box}.contents-base-01{box-sizing:border-box;max-width:1200px;padding:100px 100px 30px;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;top:220px;left:0;right:0;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.contents-base-02{box-sizing:border-box;max-width:1200px;padding:50px 100px 90px;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;top:220px;left:0;right:0;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}ul.point-area{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:0;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}ul.point-area li{display:flex;justify-content:space-between;width:45%;padding:0;margin:0 0 70px;-webkit-box-pack:justify;-ms-flex-pack:justify}ul.point-area li .point-icon{vertical-align:top;width:22%;padding:0;margin:0 8% 0 0}ul.point-area li .point-icon img{width:100%;height:auto}ul.point-area li .point-text{vertical-align:top;width:67%;padding:0;margin:0;line-height:1.8}ul.point-area li .point-icon-02{vertical-align:top;width:18%;padding:0;margin:0 8% 0 0}ul.point-area li .point-icon-02 img{width:100%;height:auto}ul.point-area li .point-text-02{vertical-align:top;width:70%;padding:0;margin:0;line-height:1.8}.top-about-base{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;padding:0;margin:80px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;background-position:right top;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.top-about-base li.about-n01{width:27%;height:220px;padding:0 0 0 5%;margin:0 0 10px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;position:relative}.top-about-base li.about-n01:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n01.svg);position:absolute;right:20px;bottom:0}.top-about-base li.about-n02{width:27%;height:220px;padding:0 0 0 5%;margin:0 0 10px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;position:relative}.top-about-base li.about-n02:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n02.svg);position:absolute;right:20px;bottom:0}.top-about-base li.about-n03{width:30%;height:220px;padding:0 0 0 5%;margin:0 0 10px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;position:relative}.top-about-base li.about-n03:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n03.svg);position:absolute;right:70px;bottom:0}.top-about-base .top-about-text{padding:0;margin:0;font-size:20px;position:absolute;top:100px;left:60px;z-index:2}.top-about-base .top-about-text-02{padding:0;margin:0;font-size:20px;position:absolute;top:80px;left:60px;z-index:2}.top-about-base-02{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;padding:0;margin:10px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;background-position:right top;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.top-about-base-02 li.about-n04{width:27%;height:220px;padding:0 0 0 5%;margin:0 0 10px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;position:relative}.top-about-base-02 li.about-n04:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n04.svg);position:absolute;right:20px;bottom:0}.top-about-base-02 li.about-n05{width:27%;height:220px;padding:0 0 0 5%;margin:0 0 10px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;position:relative}.top-about-base-02 li.about-n05:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n05.svg);position:absolute;right:20px;bottom:0}.top-about-base-02 li.about-n06{width:30%;height:220px;padding:0 0 0 5%;margin:0 0 10px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;position:relative}.top-about-base-02 li.about-n06:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n06.svg);position:absolute;right:70px;bottom:0}.top-about-base-02 .top-about-text{padding:0;margin:0;font-size:20px;position:absolute;top:100px;left:60px;z-index:2}.top-about-base-02 .top-about-text-02{padding:0;margin:0;font-size:20px;position:absolute;top:80px;left:60px;z-index:2}.page-button-area{padding:0;margin:100px 0 0}.page-button-area-02{padding:0;margin:200px 0 0}.top-example-lead{padding:0;margin:20px 0 0;font-size:24px;font-weight:bold;text-align:center}ul.top-example-contents{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:700px;padding:0;margin:-20px auto 0;text-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}ul.top-example-contents li{vertical-align:middle;width:25%;padding:0 2%;margin:60px 0 30px;position:relative}ul.top-example-contents li img{width:100%;height:auto}ul.top-example-contents li .text01{font-size:22px;font-weight:bold;letter-spacing:-1px;position:absolute;left:0;right:0;bottom:-40px}ul.top-example-contents li .text02{font-size:22px;font-weight:bold;line-height:1.3;letter-spacing:-1px;position:absolute;left:0;right:0;bottom:-60px}ul.top-example-contents li.icon04{vertical-align:middle;width:10%;margin:0 0 0 30px;position:relative}ul.top-example-contents li.icon04 img{width:100%;height:auto}.nayami-base01{display:flex;justify-content:space-between;max-width:1000px;padding:0 20px;margin:50px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify}.nayami-base01 li{width:28%;padding:0;margin:0;position:relative}.nayami-base01 li .bubble-base{box-sizing:border-box;min-height:180px;padding:30px;margin:0;background:#fff;border-radius:16px;text-align:left;-webkit-box-sizing:border-box}.nayami-base01 li .img-nayami{padding:0;margin:0;position:absolute;right:0;bottom:-100px}.nayami-base02{display:flex;justify-content:space-between;max-width:640px;padding:0 20px;margin:150px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify}.nayami-base02 li{width:44%;padding:0;margin:0;position:relative}.nayami-base02 li .bubble-base{box-sizing:border-box;min-height:180px;padding:30px;margin:0;background:#fff;border-radius:16px;text-align:left;-webkit-box-sizing:border-box}.nayami-base02 li .img-nayami{padding:0;margin:0;position:absolute;right:0;bottom:-100px}.contents-case-base{box-sizing:border-box;display:flex;justify-content:space-between;max-width:1200px;padding:60px;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;-webkit-box-pack:justify;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.contents-case-base li.case-image{width:25%;padding:0;margin:0}.contents-case-base li.case-image img{width:100%;height:auto}.contents-case-base li.case-text-area{width:70%;padding:0;margin:0;text-align:left}.contents-case-base li.case-text-area .case-heading{padding:0;margin:0;color:#036eb8;font-size:28px;font-weight:bold;line-height:1}.contents-case-base li.case-text-area .case-icon{display:inline-block;width:70px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base li.case-text-area .case-icon-02{display:inline-block;width:140px;padding:6px 10px;margin:10px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base li.case-text-area .case-text{display:inline-block;width:120px;padding:0;margin:35px 20px 0 0;font-size:18px}.contents-case-base li.case-text-area .case-text-02{display:inline-block;width:220px;padding:0;margin:35px 20px 0 0;font-size:18px}.contents-case-base li.case-text-area .case-text-03{display:inline-block;width:220px;padding:0;margin:10px 20px 0 0;font-size:18px}.contents-case-base-02{box-sizing:border-box;display:flex;justify-content:space-between;max-width:1200px;padding:60px;margin:80px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;-webkit-box-pack:justify;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.contents-case-base-02 li.case-image{width:25%;padding:0;margin:0}.contents-case-base-02 li.case-image img{width:100%;height:auto}.contents-case-base-02 li.case-text-area{width:70%;padding:0;margin:0;text-align:left}.contents-case-base-02 li.case-text-area .case-heading{padding:0;margin:0;color:#036eb8;font-size:28px;font-weight:bold;line-height:1}.contents-case-base-02 li.case-text-area .case-icon{display:inline-block;width:70px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base-02 li.case-text-area .case-icon-02{display:inline-block;width:140px;padding:6px 10px;margin:10px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base-02 li.case-text-area .case-text{display:inline-block;width:150px;padding:0;margin:35px 20px 0 0;font-size:18px}.contents-case-base-02 li.case-text-area .case-text-02{display:inline-block;width:220px;padding:0;margin:35px 20px 0 0;font-size:18px}.contents-case-base-02 li.case-text-area .case-text-03{display:inline-block;width:220px;padding:0;margin:10px 20px 0 0;font-size:18px}ul.plan-contents{display:flex;justify-content:space-between;max-width:1000px;padding:0 20px;margin:60px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify}ul.plan-contents li{box-sizing:border-box;width:280px;height:280px;padding:0;margin:0;-webkit-box-sizing:border-box}ul.plan-contents li .circle{box-sizing:border-box;display:inline-block;width:280px;height:280px;padding:70px 0 0;background:#fff;border-radius:50%;box-shadow:0 0 8px #ccc;text-align:center;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.top-faq-base{max-width:1000px;padding:0;margin:60px auto 0;text-align:left}.accordion-container .accordion-title{width:87%;padding:30px 5% 30px 8%;margin:0 auto;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-question.svg) no-repeat;background-position:15px 30px;border-top:1px solid #ccc;cursor:pointer;color:#000;font-size:18px;font-weight:normal;text-align:left;position:relative}.accordion-container .accordion-title:hover,.accordion-container .accordion-title:active,.accordion-title.open{background-color:none}.accordion-container .accordion-title::before{content:"";width:15px;height:2px;background:#ccc;position:absolute;top:50%;right:25px;transition:all .3s ease-in-out;transform:rotate(90deg);-webkit-transform:rotate(90deg);-webkit-transition:all .3s ease-in-out}.accordion-container .accordion-title::after{content:"";width:15px;height:2px;background:#ccc;position:absolute;top:50%;right:25px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}.accordion-container .accordion-title.open::before{transform:rotate(180deg);-webkit-transform:rotate(180deg)}.accordion-container .accordion-title.open::after{opacity:0}.accordion-content{display:none;width:87%;padding:30px 5% 30px 8%;background:#f4f4f4;text-align:left;position:relative}.accordion-content:before{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-answer.svg);box-sizing:border-box;display:block;padding:0;position:absolute;top:28px;left:15px;-webkit-box-sizing:border-box}.accordion-box{border-bottom:1px solid #ccc}.movie-area{padding:0;margin:60px 0 0}.movie-youtube{width:700px;margin:0 auto}.movie-youtube a{display:block;border:0 solid #fff;position:relative}.movie-youtube a:hover{opacity:.6}.movie-youtube a::before{content:"";display:block;width:100%;height:60px;margin:-32px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-youtube-red.png) center center/64px 45px no-repeat;opacity:.8;position:absolute;top:50%;left:0;right:0;z-index:1}.movie-youtube a img{width:100%;margin:0 auto;border:1px solid #ccc;border-radius:20px;text-align:center}.sp-lead-base{width:90%;padding:0;margin:30px auto 0;background:#fff}.sp-lead-01{padding:0 0 0 30px;margin:0;font-size:20px;line-height:1.3;text-align:left;position:relative}.sp-lead-02{padding:0 0 0 30px;margin:20px 0 0;font-size:20px;line-height:1.3;text-align:left;position:relative}.sp-lead-01:before,.sp-lead-02:before{content:"";width:8px;height:calc(100% - 10px);background-color:#00ade1;border-radius:4px;position:absolute;top:5px;left:0}.sp-nayami-01{box-sizing:border-box;width:90%;min-height:200px;padding:20px;margin:60px auto 0;background:#fff;border-radius:16px;font-size:18px;text-align:left;position:relative;-webkit-box-sizing:border-box}.sp-nayami-01:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-01.svg);position:absolute;right:15px;bottom:-12px}.sp-nayami-02{box-sizing:border-box;width:90%;min-height:200px;padding:20px 20px 20px 170px;margin:60px auto 0;background:#fff;border-radius:16px;font-size:18px;text-align:left;position:relative;-webkit-box-sizing:border-box}.sp-nayami-02:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-02.svg);position:absolute;left:15px;bottom:-12px}.sp-nayami-03{box-sizing:border-box;width:90%;min-height:200px;padding:20px;margin:60px auto 0;background:#fff;border-radius:16px;font-size:18px;text-align:left;position:relative;-webkit-box-sizing:border-box}.sp-nayami-03:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-03.svg);position:absolute;right:15px;bottom:-12px}.sp-nayami-04{box-sizing:border-box;width:90%;min-height:200px;padding:20px 20px 20px 170px;margin:60px auto 0;background:#fff;border-radius:16px;font-size:18px;text-align:left;position:relative;-webkit-box-sizing:border-box}.sp-nayami-04:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-04.svg);position:absolute;left:15px;bottom:-12px}.sp-nayami-05{box-sizing:border-box;width:90%;min-height:200px;padding:20px;margin:60px auto 0;background:#fff;border-radius:16px;font-size:18px;text-align:left;position:relative;-webkit-box-sizing:border-box}.sp-nayami-05:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-05.svg);position:absolute;right:15px;bottom:-12px}.page-main-case{height:325px;padding:0;margin:80px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-case.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-download{height:325px;padding:0;margin:80px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-download.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-faq{height:325px;padding:0;margin:80px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-faq.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-contact{height:325px;padding:0;margin:80px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-contact.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-sitemap{height:325px;padding:0;margin:80px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-sitemap.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-case::before,.page-main-download::before,.page-main-faq::before,.page-main-contact::before,.page-main-sitemap::before{content:"";display:block;background-color:#036eb8;opacity:.7;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.pagetitle{padding:0;margin:0;color:#fff;font-size:40px;font-weight:bold;position:absolute;top:35%;left:0;right:0}.page-case-base{box-sizing:border-box;max-width:1200px;padding:60px;margin:0 auto 60px;background:#fff;border:1px solid #036eb8;border-radius:30px;-webkit-box-sizing:border-box}.page-case-base-02{box-sizing:border-box;max-width:1200px;padding:60px;margin:80px auto 0;background:#fff;border:1px solid #036eb8;border-radius:30px;-webkit-box-sizing:border-box}.page-case-box{display:flex;justify-content:space-between;padding:0;margin:0;-webkit-box-pack:justify;-ms-flex-pack:justify}.page-case-box .case-image{width:22%;padding:0;margin:0}.page-case-box .case-image img{width:100%;height:auto}.page-case-box .case-text-area{width:73%;padding:0;margin:0;text-align:left}.page-case-box .case-text-area .case-heading{padding:0;margin:0;color:#036eb8;font-size:28px;font-weight:bold;line-height:1}.page-case-box .case-text-area .case-lead{padding:0;margin:25px 0 0;font-size:22px;font-weight:bold;line-height:1.3}.page-case-box .case-text-area .case-icon{display:inline-block;width:70px;padding:6px 10px;margin:18px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.page-case-box .case-text-area .case-icon-02{display:inline-block;width:140px;padding:6px 10px;margin:18px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.page-case-box .case-text-area .case-text{display:inline-block;width:550px;padding:0;margin:18px 20px 0 0;font-size:18px}.page-case-box .case-text-area .case-text-02{display:inline-block;width:400px;padding:0;margin:18px 20px 0 0;font-size:18px}.case-flow-area{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:0;margin:40px 0 0;-webkit-box-align:center;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-align:center;-ms-flex-pack:justify}.case-flow-area .flow-box{width:45%;padding:0;margin:0}.case-flow-area .flow-arrow{width:10%;padding:0;margin:0;text-align:center}.case-flow-area .flow-bf-heading{padding:5px;margin:0;background:#036eb8;border-radius:16px 16px 0 0;color:#fff;font-size:22px;text-align:center}.case-flow-area .flow-bf-contents{min-height:160px;padding:20px;margin:0;background:#f2f7fa;border:1px solid #036eb8;border-radius:0 0 16px 16px;text-align:left}.case-flow-area .flow-af-heading{padding:5px;margin:0;background:#00ade1;border-radius:16px 16px 0 0;color:#fff;font-size:22px;text-align:center}.case-flow-area .flow-af-contents{min-height:160px;padding:20px;margin:0;background:#f2f7fa;border:1px solid #00ade1;border-radius:0 0 16px 16px;text-align:left}.down-load-base{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;padding:0;margin:0 auto;text-align:left;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.down-load-base li{width:30%;padding:0;margin:0 0 80px;text-align:left}.down-load-base li .arc-download-title{padding:0;margin:20px 0 0;font-size:18px;font-weight:bold}.down-load-base li .arc-download-text{padding:0 0 10px;margin:20px 0 0;font-size:16px}.down-load-base .download-img{height:220px;cursor:pointer;overflow:hidden}.down-load-base .download-img img{width:100%;height:auto}.down-load-base .download-img img{transition:.3s ease-in-out;transform:scale(1);-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.down-load-base .download-img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1)}.page-base-downloadform{box-sizing:border-box;display:flex;justify-content:space-between;max-width:1000px;padding:0;margin:100px auto;text-align:left;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.page-base-downloadform .downloadform-img{width:38%;padding:0;margin:0}.page-base-downloadform .downloadform-img img{width:100%;height:auto}.page-base-downloadform .downloadform-base{box-sizing:border-box;width:52%;padding:30px 50px;margin:0;background:#f4f4f4;border-radius:20px;-webkit-box-sizing:border-box}.page-base-downloadform .downloadform-base .downloadform-heading{padding:0 0 5px;margin:0;border-bottom:1px solid #000;font-size:26px;font-weight:bold;text-align:center}.page-base-downloadform .downloadform-base-01{width:52%;padding:0;margin:0}.page-base-downloadform .downloadform-base-01 .downloadform-heading{padding:0;margin:0;font-size:20px;font-weight:bold;text-align:center}.page-base-downloadform .downloadform-base-01 .downloadform-box{box-sizing:border-box;padding:10px 50px 30px;margin:0;background:#f4f4f4;border-radius:20px;-webkit-box-sizing:border-box}.page-base-downloadform .downloadform-base-01 .downloadform-box .downloadform-heading-01{padding:0 0 5px;margin:0;border-bottom:1px solid #000;font-size:18px;font-weight:bold;text-align:center}.thanks-text{padding:0;margin:30px 0 0;text-align:center}.thanks-img{padding:0;margin:0 auto;text-align:center}.thanks-button-area{display:flex;justify-content:center;align-items:center;max-width:1200px;padding:0;margin:80px auto 0;-webkit-box-align:center;-webkit-box-pack:center;-ms-flex-align:center;-ms-flex-pack:center}#faq-index-base{padding:0;margin:0;z-index:999}#faq-index-base.m_fixed{width:100%;padding:20px 0;background:#f2f7fa;border-bottom:1px solid #ccc;position:fixed;top:80px;left:0}.faq-index-area{box-sizing:border-box;display:flex;justify-content:space-between;max-width:1200px;padding:0;margin:0 auto;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.faq-index-area li{width:30%;padding:0;margin:0}.faq-base{box-sizing:border-box;max-width:1200px;padding:60px 80px 80px;margin:100px auto 0;background:#fff;border:1px solid #036eb8;-webkit-box-sizing:border-box}.faq-base .faq-heading{padding:0 0 5px;margin:0 0 50px;font-size:26px;font-weight:bold;text-align:center}.contact-base{box-sizing:border-box;max-width:900px;padding:30px 70px 40px;margin:0 auto;background:#fff;border-radius:20px;text-align:left;-webkit-box-sizing:border-box}.contact-form-area{padding:0;margin:20px 0 0}.appli-contact-form-area{padding:40px 80px;margin:50px 0 0;background:#f4f4f4;border:0 solid #333;border-radius:20px}.page-sitemap-base{box-sizing:border-box;display:flex;justify-content:space-between;max-width:800px;padding:100px 0;margin:0 auto;text-align:left;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.page-sitemap-base li{width:50%;padding:0;margin:0}.page-sitemap-base .sitemap-01{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-01.svg) no-repeat;background-position:0 6px}.page-sitemap-base .sitemap-02{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-02.svg) no-repeat;background-position:0 6px}.page-sitemap-base .sitemap-03{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-03.svg) no-repeat;background-position:0 6px}.page-sitemap-base .sitemap-04{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-04.svg) no-repeat;background-position:0 10px}.page-sitemap-base .sitemap-05{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-05.svg) no-repeat;background-position:0 8px}.page-sitemap-base .sitemap-06{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-06.svg) no-repeat;background-position:0 6px;position:relative}.page-sitemap-base .sitemap-06::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);position:absolute;top:10%;left:115px}.page-sitemap-base .sitemap-07{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-07.svg) no-repeat;background-position:0 8px;position:relative}.page-sitemap-base .sitemap-07::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);position:absolute;top:10%;left:215px}.page-sitemap-base .sitemap-08{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-08.svg) no-repeat;background-position:0 8px}.page-sitemap-base .sitemap-01 a,.page-sitemap-base .sitemap-02 a,.page-sitemap-base .sitemap-03 a,.page-sitemap-base .sitemap-04 a,.page-sitemap-base .sitemap-05 a,.page-sitemap-base .sitemap-06 a,.page-sitemap-base .sitemap-07 a,.page-sitemap-base .sitemap-08 a{display:inline-block;text-decoration:none;position:relative}.page-sitemap-base .sitemap-01 a::after,.page-sitemap-base .sitemap-02 a::after,.page-sitemap-base .sitemap-03 a::after,.page-sitemap-base .sitemap-04 a::after,.page-sitemap-base .sitemap-05 a::after,.page-sitemap-base .sitemap-06 a::after,.page-sitemap-base .sitemap-07 a::after,.page-sitemap-base .sitemap-08 a::after{content:"";width:100%;height:2px;background:#036eb8;position:absolute;left:0;bottom:1px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.page-sitemap-base .sitemap-01 a:hover::after,.page-sitemap-base .sitemap-02 a:hover::after,.page-sitemap-base .sitemap-03 a:hover::after,.page-sitemap-base .sitemap-04 a:hover::after,.page-sitemap-base .sitemap-05 a:hover::after,.page-sitemap-base .sitemap-06 a:hover::after,.page-sitemap-base .sitemap-07 a:hover::after,.page-sitemap-base .sitemap-08 a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.notfound-base{padding:0 0 100px;margin:100px 0 0;background:#fff}.notfound-img{width:350px;padding:0;margin:0 auto;text-align:center}.notfound-img img{width:100%;height:auto}.pickup-area{box-sizing:content-box;width:100%;padding:40px 0;margin:122px 0 0;background:#f2f7fa;top:180px;-webkit-box-sizing:content-box}.appli-base{display:flex;justify-content:space-between;max-width:1200px;padding:40px 0 150px;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify}.appli-base .appli-contents{width:69%;padding:0;margin:0;text-align:left}.appli-base .appli-contents img{max-width:100%;height:auto}.appli-base .appli-side{list-style:none;width:27%;padding:0;margin:0;text-align:left}.appli-base .appli-side img{width:100%;height:auto;padding:0;margin:0 0 10px}.appli-base .appli-side .side-banner{padding:0;margin:0 0 15px}.appli-base .appli-side .side-banner img{width:100%;height:auto}.appli-base .appli-side .side-banner-02{padding:0;margin:20px 0 0}.appli-base .appli-side .side-banner-02 img{width:100%;height:auto}.appli-base-02{box-sizing:border-box;max-width:1000px;padding:60px 10px 150px;margin:0 auto;-webkit-box-sizing:border-box}.appli-base-02 .appli-contents-02{padding:0;margin:80px 0 0;text-align:left}.appli-base-03{box-sizing:border-box;max-width:1200px;padding:60px 10px 150px;margin:0 auto;-webkit-box-sizing:border-box}.appli-base-03 .appli-contents-03{padding:0;margin:20px 0 0;text-align:left}.side-contents{padding:0;margin:30px 0 0}.side-contents li{display:flex;justify-content:space-between;padding:0 0 15px;margin:0 0 15px;border-bottom:1px solid #ddd;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify}.side-contents li .side-img{box-sizing:border-box;width:80px;height:80px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.side-contents li .side-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.side-contents li .side-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.side-contents li .side-text{width:68%;font-size:14px;line-height:1.7}.side-contents li .side-text a:hover{text-decoration:underline}.side-contents li .side-date{padding:0 0 0 22px;margin:-3px 0 13px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 4px;font-size:13px}div.press{min-width:100px;padding:2px 7px;background:#ff5800;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}div.column{width:100px;padding:2px 7px;background:#e50012;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}div.event,div.column-2,div.report,div.uncategorized,div.feature,div.contact{width:100px;padding:2px 7px;background:#036eb8;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.press-top-contents{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.press-top-contents li{width:31%;padding:0;margin:0 0 70px}.press-top-contents li .press-img{box-sizing:border-box;width:100%;height:160px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.press-top-contents li .press-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.press-top-contents li .press-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.press-top-contents li .press-top-date{padding:0 0 0 22px;margin:15px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 7px;font-size:14px}.press-top-contents li .press-top-title{padding:0;margin:10px 0 0;background-position:0 7px;font-size:16px;font-weight:bold;line-height:1.7}.press-top-contents li .press-top-title a:hover{text-decoration:underline}.pressrelease-top-contents{display:flex;flex-wrap:wrap;justify-content:space-between;padding:40px 0 0;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.pressrelease-top-contents li{width:31%;padding:0;margin:0 0 70px}.pressrelease-top-contents li .press-img{box-sizing:border-box;width:100%;height:160px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.pressrelease-top-contents li .press-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.pressrelease-top-contents li .press-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.pressrelease-top-contents li .press-img div.press{min-width:100px;padding:2px 7px;background:#ff5800;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.pressrelease-top-contents li .press-img div.column{width:100px;padding:2px 7px;background:#e50012;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.pressrelease-top-contents li .press-top-date{padding:0 0 0 22px;margin:15px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 7px;font-size:14px}.pressrelease-top-contents li .press-top-title{padding:0;margin:10px 0 0;background-position:0 7px;font-size:16px;font-weight:bold;line-height:1.7}.pressrelease-top-contents li .press-top-title a:hover{text-decoration:underline}.press-top-contents::after,.pressrelease-top-contents::after{content:"";display:block;width:31%}.page-navi{padding:0;margin:0 0 50px;text-align:center}.page-contents-title{padding:0;margin:0;font-size:34px;font-weight:bold;line-height:1.6;text-align:left}.page-contents-date{padding:0 0 0 22px;margin:20px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 8px;font-size:14px}.page-contents-eyecatch{padding:0;margin:70px 0 0}.page-contents-textarea{max-width:100%;padding:0;margin:30px 0 0;text-align:left}.page-contents-textarea h2.heading02{padding:2px 0 2px 20px;margin:20px 0;font-size:26px;font-weight:bold;line-height:1.4;position:relative}.page-contents-textarea h2.heading02:before{content:"";width:8px;height:calc(100% - 10px);background-color:#036eb8;border-radius:4px;position:absolute;top:5px;left:0}.page-contents-textarea h3.heading03{margin:20px 0;font-size:20px;font-weight:bold;line-height:1.5}.page-category-area{padding:0;margin:80px 0 0;text-align:left}.page-category-area .cate-heading{padding:0 0 0 25px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-category.svg) no-repeat;background-position:0 5px;font-size:14px;font-weight:bold}.page-category-area .cate-text{padding:0;margin:0;font-size:15px}.page-category-area .cate-text a{display:inline-block;padding:0;margin:0;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.page-category-area .cate-text a::after{content:"";width:100%;height:2px;background:#036eb8;position:absolute;left:0;bottom:3px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.page-category-area .cate-text a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.page-tag-area{padding:0;margin:30px 0 0;text-align:left}.page-tag-area .tag-heading{padding:0 0 0 25px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-tag.svg) no-repeat;background-position:0 5px;font-size:14px;font-weight:bold}.page-tag-area .tag-button{display:inline-block;height:28px;padding:0 15px;margin:5px 10px 5px 0;background-color:#f7f7f7;border:1px solid #ddd;border-radius:18px;font-size:14px;line-height:25px;text-align:center}.page-tag-area .tag-button::before,.page-tag-area .tag-button::after{content:"";display:block;position:absolute;z-index:-1}.page-tag-area .tag-button,.page-tag-area .tag-button::before,.page-tag-area .tag-button::after{box-sizing:border-box;transition:all .5s;-webkit-box-sizing:border-box;-webkit-transition:all .5s}.page-tag-area .tag-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.page-bottom-navi{display:flex;justify-content:space-between;padding:0;margin:80px 0 0;-webkit-box-pack:justify;-ms-flex-pack:justify}.page-bottom-navi .navi-left{width:38%;padding:0;margin:0;text-align:left}.page-bottom-navi .navi-left .navi-left-title{padding:0 0 0 15px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-prev.svg) no-repeat;background-position:0 10px;font-weight:bold}.page-bottom-navi .navi-left .navi-left-title a{display:inline-block;padding:0;margin:0;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.page-bottom-navi .navi-left .navi-left-title a::after{content:"";width:100%;height:2px;background:#036eb8;position:absolute;left:0;bottom:3px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.page-bottom-navi .navi-left .navi-left-title a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.page-bottom-navi .navi-left .navi-left-text{padding:0;margin:0;font-size:12px}.page-bottom-navi .navi-left .navi-left-text a:hover{text-decoration:underline}.page-bottom-navi .navi-right{width:38%;padding:0;margin:0;text-align:right}.page-bottom-navi .navi-right .navi-right-title{padding:0 15px 0 0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-next.svg) no-repeat;background-position:right 10px;font-weight:bold}.page-bottom-navi .navi-right .navi-right-title a{display:inline-block;padding:0;margin:0;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.page-bottom-navi .navi-right .navi-right-title a::after{content:"";width:100%;height:2px;background:#036eb8;position:absolute;left:0;bottom:3px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.page-bottom-navi .navi-right .navi-right-title a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.page-bottom-navi .navi-right .navi-right-text{padding:0;margin:0;font-size:12px;text-align:left}.page-bottom-navi .navi-right .navi-right-text a:hover{text-decoration:underline}select{padding:10px 20px;margin:20px 0 0;border-radius:6px}.appli-relate-base{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;padding:0;margin:30px 0 0;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.appli-relate-base li{display:flex;justify-content:space-between;width:47%;padding:0 0 15px;margin:0 0 15px;border-bottom:1px solid #ddd;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify}.appli-relate-base li .relate-img{box-sizing:border-box;width:80px;height:80px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.appli-relate-base li .relate-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.appli-relate-base li .relate-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.appli-relate-base li .relate-text{width:68%;font-size:14px;line-height:1.7}.appli-relate-base li .relate-text a:hover{text-decoration:underline}.appli-relate-base li .relate-date{padding:0 0 0 22px;margin:-3px 0 13px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 4px;font-size:13px}.pagination{clear:both;padding:0;font-size:14px;line-height:14px;text-align:center;position:relative}.pagination-box{display:inline-block}.pagination span,.pagination a{float:left;display:block;width:auto;padding:10px 12px 10px 12px;margin:20px 8px 0;background:#f2f7fa;border-radius:3px;box-shadow:2px 2px 2px #ccc;color:#333;text-decoration:none;-webkit-box-shadow:2px 2px 2px #ccc}.pagination a:hover{background:#036eb8;color:#fff}.pagination .current{padding:10px 12px 10px 12px;background:#036eb8;color:#fff}.search-error{margin:100px 0 150px;text-align:center}.search-result-contents{padding:0;margin:40px 0 0}.search-result-contents li{display:flex;justify-content:space-between;padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #ccc;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify}.search-result-contents li .search-img{box-sizing:border-box;width:140px;height:100px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.search-result-contents li .search-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.search-result-contents li .search-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.search-result-contents li .search-title{width:80%;font-size:15px;font-weight:bold;line-height:1.6}.search-result-contents li .search-title a:hover{text-decoration:underline}.search-result-contents li .search-title .search-date{padding:0 0 0 22px;margin:5px 0 13px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 4px;font-size:13px;font-weight:normal}.column-author-area{box-sizing:border-box;width:100%;padding:30px 50px 40px;margin:50px 0 0;background:#f2f2f2;text-align:left;-webkit-box-sizing:border-box}.column-author-area .column-author-heading{padding:0 0 10px;margin:0;border-bottom:1px solid #036eb8;font-size:20px;font-weight:bold}.column-author-area .column-textarea{display:flex;justify-content:space-between;padding:0;margin:30px 0 0;-webkit-box-pack:justify;-ms-flex-pack:justify}.column-author-area .column-image{width:120px;padding:0;margin:0}.column-author-area .column-image img{width:120px;height:120px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.column-author-area .column-text{width:78%;padding:0;margin:0;line-height:1.7}.column-author-area .column-text .column-author01{padding:0;margin:0 0 10px;font-size:18px}.column-author-area .column-text .column-link{padding:0 0 0 25px;margin:10px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-columnlink.svg) no-repeat;background-position:0 7px;font-size:15px}.column-button-area{padding:0;margin:10px 0 0;text-align:right}.bosyu-list{padding:0;margin:30px 0 0;font-size:20px;font-weight:bold}.bosyu-list li{padding:0 0 0 35px;margin:20px 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-check-blue.svg) no-repeat;background-position:0 10px}.bottom-pagenation{padding:0;margin:50px 0 0}.mailmagazine-thanks{max-width:90%;padding:0;margin:80px auto}.page-contents-textarea{word-break:break-all}.page-contents-textarea hr{margin-bottom:16px;margin-bottom:1rem;border:0;border-top:1px solid #e9e9e9}.page-contents-textarea img{vertical-align:middle;max-width:100%;height:auto}.page-contents-textarea b,.page-contents-textarea strong{font-weight:bold}.page-contents-textarea blockquote{clear:both;padding:20px 25px;padding:1.25rem 1.5625rem;margin:20px 0 25px;margin:1.25rem 0rem 1.5625rem;border:1px solid #e9e9e9;border-left:4px solid #46a28d;box-shadow:2px 2px 13px #eee;-webkit-box-shadow:2px 2px 13px #eee}.page-contents-textarea blockquote p:last-child{margin-bottom:3px}.page-contents-textarea blockquote cite{margin-bottom:16px;margin-bottom:1rem;font-size:13px;font-style:normal}.page-contents-textarea dfn,.page-contents-textarea cite,.page-contents-textarea em,.page-contents-textarea i{font-style:italic}.page-contents-textarea figure{margin:0}.page-contents-textarea address{margin-bottom:16px;margin-bottom:1rem;font-style:normal;line-height:inherit}.page-contents-textarea tt,.page-contents-textarea kbd,.page-contents-textarea pre,.page-contents-textarea code,.page-contents-textarea samp,.page-contents-textarea var{padding:7px;padding:.4375rem;background-color:#f8f9f9;border-radius:2px;font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}.page-contents-textarea pre{max-width:100%;padding:16px;padding:1rem;margin:0 0 16px;margin:0rem 0rem 1rem;overflow:auto;line-height:1.7;white-space:pre-wrap}.page-contents-textarea details summary{margin-bottom:16px;margin-bottom:1rem;font-weight:bold}.page-contents-textarea details :focus{outline:none}.page-contents-textarea abbr,.page-contents-textarea acronym,.page-contents-textarea dfn{border-bottom:1px dotted #e9e9e9;cursor:help;font-size:15px;font-size:.9375rem;letter-spacing:1px;text-transform:uppercase}.page-contents-textarea mark{background-color:#f8f9f9;text-decoration:none}.page-contents-textarea small{font-size:82%}.page-contents-textarea big{font-size:125%}.page-contents-textarea table{box-sizing:border-box;width:100%;max-width:100%;margin:20px auto 0;margin-bottom:16px;margin-bottom:1rem;border:1px solid #e9e9e9;-webkit-box-sizing:border-box}.page-contents-textarea table th,.page-contents-textarea table td{vertical-align:top;padding:12px;padding:.75rem;border:1px solid #e9e9e9;line-height:1.5}.page-contents-textarea table thead th,.page-contents-textarea table thead td{vertical-align:bottom;border-bottom:2px solid #e9e9e9}.page-contents-textarea table tbody+tbody{border-top:2px solid #e9e9e9}.page-contents-textarea .alignleft{float:left;display:inline;margin-right:1.5em}.page-contents-textarea .alignright{float:right;display:inline;margin-left:1.5em}.page-contents-textarea .aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.page-contents-textarea .clear:before,.page-contents-textarea .clear:after,.page-contents-textarea .entry-content:before,.page-contents-textarea .entry-content:after,.page-contents-textarea .comment-content:before,.page-contents-textarea .comment-content:after,.page-contents-textarea .site-header:before,.page-contents-textarea .site-header:after,.page-contents-textarea .site-content:before,.page-contents-textarea .site-content:after,.page-contents-textarea .site-footer:before,.page-contents-textarea .site-footer:after{content:"";display:table}.page-contents-textarea .clear:after,.page-contents-textarea .entry-content:after,.page-contents-textarea .comment-content:after,.page-contents-textarea .site-header:after,.page-contents-textarea .site-content:after,.page-contents-textarea .site-footer:after{clear:both}.page-contents-textarea .wp-caption{max-width:100%;margin-bottom:1.5em}.page-contents-textarea .wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.page-contents-textarea .wp-caption .wp-caption-text,.page-contents-textarea .wp-caption-dd{margin:.8075em 0;font-style:italic}.page-contents-textarea .wp-caption-text,.page-contents-textarea .wp-caption-dd{text-align:center}.page-contents-textarea .gallery{margin-bottom:1.5em}.page-contents-textarea .gallery-item{display:inline-block;vertical-align:top;width:100%;text-align:center}.page-contents-textarea .gallery-columns-2 .gallery-item{max-width:50%}.page-contents-textarea .gallery-columns-2 .gallery-item img{width:100%;padding:.5px}.page-contents-textarea .gallery-columns-3 .gallery-item{max-width:33.33%}.page-contents-textarea .gallery-columns-3 .gallery-item img{width:100%;padding:.5px}.page-contents-textarea .gallery-columns-4 .gallery-item{max-width:25%}.page-contents-textarea .gallery-columns-4 .gallery-item img{width:100%;padding:.5px}.page-contents-textarea .gallery-columns-5 .gallery-item{max-width:20%}.page-contents-textarea .gallery-columns-5 .gallery-item img{width:100%;padding:.5px}.page-contents-textarea .gallery-columns-6 .gallery-item{max-width:16.66%}.page-contents-textarea .gallery-columns-6 .gallery-item img{width:100%;padding:.5px}.page-contents-textarea .gallery-columns-7 .gallery-item{max-width:14.28%}.page-contents-textarea .gallery-columns-8 .gallery-item{max-width:12.5%}.page-contents-textarea .gallery-columns-9 .gallery-item{max-width:11.11%}.page-contents-textarea .gallery-caption{display:block}.page-contents-textarea .page-content .wp-smiley,.page-contents-textarea .entry-content .wp-smiley,.page-contents-textarea .comment-content .wp-smiley{padding:0;margin-top:0;margin-bottom:0;border:none}.page-contents-textarea embed,.page-contents-textarea iframe,.page-contents-textarea object{max-width:100%}.pagination{display:flex;justify-content:center;align-items:center;margin:20px auto 0;text-align:center;-webkit-box-align:center;-webkit-box-pack:center;-ms-flex-align:center;-ms-flex-pack:center}.pagination .page-numbers{padding:10px 12px;margin-right:10px;background:#f2f7fa;border-radius:3px;box-shadow:2px 2px 2px #ccc;color:#333;-webkit-box-shadow:2px 2px 2px #ccc}.pagination .current{padding:10px 12px;background:#036eb8;color:#fff}.pagination .prev,.pagination .next{padding:10px 12px;background:rgba(0,0,0,0);background:#f2f7fa;border-radius:3px;box-shadow:none;box-shadow:2px 2px 2px #ccc;color:#036eb8;color:#333;-webkit-box-shadow:none;-webkit-box-shadow:2px 2px 2px #ccc}.pagination .dots{background:rgba(0,0,0,0);box-shadow:none;-webkit-box-shadow:none}.partner-base{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:0;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.partner-base li{width:47%;padding:0;margin:60px 0 0;text-align:left}.partner-heading{padding:0 0 10px;margin:0 0 0;border-bottom:3px solid #002f7c;font-size:26px;font-weight:bold}.partner-box{display:flex;justify-content:space-between;padding:0 0 60px;margin:25px 0 0;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify}.partner-box .partner-image{width:25%;padding:0;margin:0}.partner-box .partner-image img{width:100%;height:auto}.partner-box .partner-text{width:70%;padding:0;margin:-10px 0 0}.page-applisitemap-base{box-sizing:border-box;display:flex;justify-content:space-between;max-width:800px;padding:80px 0 0 10%;margin:0 auto;text-align:left;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.page-applisitemap-base li{width:50%;padding:0;margin:0}.page-applisitemap-base .applisitemap-01{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-01.svg) no-repeat;background-position:3px 12px}.page-applisitemap-base .applisitemap-02{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-02.svg) no-repeat;background-position:0 8px}.page-applisitemap-base .applisitemap-03{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-03.svg) no-repeat;background-position:0 12px}.page-applisitemap-base .applisitemap-04{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-04.svg) no-repeat;background-position:3px 10px}.page-applisitemap-base .applisitemap-05{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-05.svg) no-repeat;background-position:0 10px}.page-applisitemap-base .applisitemap-06{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-06.svg) no-repeat;background-position:0 10px;position:relative}.page-applisitemap-base .applisitemap-07{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-07.svg) no-repeat;background-position:0 12px;position:relative}.page-applisitemap-base .applisitemap-08{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-08.svg) no-repeat;background-position:3px 7px;position:relative}.page-applisitemap-base .applisitemap-08::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);position:absolute;top:10%;left:115px}.page-applisitemap-base .applisitemap-09{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-09.svg) no-repeat;background-position:2px 8px;position:relative}.page-applisitemap-base .applisitemap-09::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);position:absolute;top:10%;left:215px}.page-applisitemap-base .applisitemap-10{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-10.svg) no-repeat;background-position:2px 8px;position:relative}.page-applisitemap-base .applisitemap-01 a,.page-applisitemap-base .applisitemap-02 a,.page-applisitemap-base .applisitemap-03 a,.page-applisitemap-base .applisitemap-04 a,.page-applisitemap-base .applisitemap-05 a,.page-applisitemap-base .applisitemap-06 a,.page-applisitemap-base .applisitemap-07 a,.page-applisitemap-base .applisitemap-08 a,.page-applisitemap-base .applisitemap-09 a,.page-applisitemap-base .applisitemap-10 a{display:inline-block;text-decoration:none;position:relative}.page-applisitemap-base .applisitemap-01 a::after,.page-applisitemap-base .applisitemap-02 a::after,.page-applisitemap-base .applisitemap-03 a::after,.page-applisitemap-base .applisitemap-04 a::after,.page-applisitemap-base .applisitemap-05 a::after,.page-applisitemap-base .applisitemap-06 a::after,.page-applisitemap-base .applisitemap-07 a::after,.page-applisitemap-base .applisitemap-08 a::after,.page-applisitemap-base .applisitemap-09 a::after,.page-applisitemap-base .applisitemap-10 a::after{content:"";width:100%;height:2px;background:#002f7c;position:absolute;left:0;bottom:1px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.page-applisitemap-base .applisitemap-01 a:hover::after,.page-applisitemap-base .applisitemap-02 a:hover::after,.page-applisitemap-base .applisitemap-03 a:hover::after,.page-applisitemap-base .applisitemap-04 a:hover::after,.page-applisitemap-base .applisitemap-05 a:hover::after,.page-applisitemap-base .applisitemap-06 a:hover::after,.page-applisitemap-base .applisitemap-07 a:hover::after,.page-applisitemap-base .applisitemap-08 a:hover::after,.page-applisitemap-base .applisitemap-09 a:hover::after,.page-applisitemap-base .applisitemap-10 a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.u-mt-xxsmall{margin:5px 0 0}.u-mt-xsmall{margin:10px 0 0}.u-mt-small{margin:20px 0 0}.u-mt{margin:30px 0 0}.u-mt-large{margin:40px 0 0}.u-mt-xlarge{margin:50px 0 0}.u-mt-xxlarge{margin:60px 0 0}.u-mt-xxxlarge{margin:100px 0 0}.u-mr-xxsmall{margin:0 5px 0 0}.u-mr-xsmall{margin:0 10px 0 0}.u-mr-small{margin:0 20px 0 0}.u-mr{margin:0 30px 0 0}.u-mr-large{margin:0 40px 0 0}.u-mr-xlarge{margin:0 50px 0 0}.u-mr-xxlarge{margin:0 60px 0 0}.u-mb-xxsmall{margin:0 0 5px 0}.u-mb-xsmall{margin:0 0 10px 0}.u-mb-small{margin:0 0 20px 0}.u-mb{margin:0 0 30px 0}.u-mb-large{margin:0 0 40px 0}.u-mb-xlarge{margin:0 0 50px 0}.u-mb-xxlarge{margin:0 0 60px 0}.u-ml-xxsmall{margin:0 0 0 5px}.u-ml-xsmall{margin:0 0 0 10px}.u-ml-small{margin:0 0 0 20px}.u-ml{margin:0 0 0 30px}.u-ml-large{margin:0 0 0 40px}.u-ml-xlarge{margin:0 0 0 50px}.u-ml-xxlarge{margin:0 0 0 60px}.align_c{text-align:center}.align_r{text-align:right}.align_l{text-align:left}.flo_l{float:left}.flo_r{float:right}.cboth{clear:both}span.suptext{vertical-align:top;font-size:75.5%;position:relative;top:-0.1em}span.subtext{vertical-align:bottom;font-size:75.5%;position:relative;top:.1em}a{color:#000}a:hover img{background:none !important;opacity:.8;cursor:pointer;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=70 )"}.link a{color:#036eb8}.link a:hover{color:#036eb8;text-decoration:underline}a.link{color:#036eb8}a:hover.link{color:#036eb8;text-decoration:underline}.header{width:100%;height:80px;padding:0;background:none;position:absolute;top:0;left:0;z-index:9999;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}.header .inbox{width:98%;height:80px;padding:0 1%;margin:0 auto;background:none;text-align:left;position:relative;top:0}.header .inbox .h-logoarea{display:inline-block;vertical-align:top;width:275px;padding:0;margin:20px 0 0;text-align:left}.header .inbox .h-logoarea img{width:100%}.header .inbox .h-logoarea img:hover{background:none;opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=70 )"}.header .inbox .h-rightbox{float:right;max-width:710px;padding:0;margin:0 80px 0 0}.header-appli{width:100%;height:80px;padding:0;padding:0;margin:0;background:#fff;position:fixed;z-index:9999;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}.header-appli .inbox{width:98%;height:80px;padding:0 1%;margin:0 auto;background:none;text-align:left;top:0}.header-appli .inbox .h-logoarea{display:inline-block;vertical-align:top;width:350px;padding:0;margin:18px 0 0;text-align:left}.header-appli .inbox .h-logoarea img{width:100%}.header-appli .inbox .h-logoarea img:hover{background:none;opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=70 )"}.header-appli .inbox .h-rightbox{display:inline-block;max-width:340px;padding:0;margin:27px 0 0 30px;font-size:13px}#gnav>ul{display:table;padding-left:0;margin:5px 0 0;right:0}#gnav>ul{box-sizing:border-box;-webkit-box-sizing:border-box}#gnav>ul>li:first-child{display:table-cell;padding:0 60px 0 0;margin:0}#gnav>ul>li{display:table-cell;padding:0 50px 0 0;margin:0}#gnav>ul>li img{width:90%}#gnav>ul>li:hover{cursor:pointer;color:#000}#gnav>ul>li:hover>a{opacity:1;color:#000}#gnav>ul>li:hover .menu{max-height:9999px;opacity:1}#gnav>ul>li>a{display:inline-block;padding:0;margin:5px 0 0 0;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}#gnav>ul>li>a::after{content:"";width:90%;height:2px;background:#036eb8;position:absolute;left:0;bottom:4px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}#gnav>ul>li>a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}#headbar{width:100%;position:fixed;top:0;left:0;z-index:999}#header-scroll{width:100%;height:80px;background:rgba(255,255,255,.8);border-bottom:1px solid #ccc;color:#000;position:absolute;top:0;left:0;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}#header-scroll .inbox{width:98%;height:80px;padding:0 1%;margin:0 auto;background:none;text-align:left;position:relative;top:0}#header-scroll .inbox .h-logoarea{display:inline-block;vertical-align:top;width:275px;padding:0;margin:22px 0 0;text-align:left}#header-scroll .inbox .h-logoarea img{width:100%}#header-scroll .inbox .h-logoarea img:hover{background:none;opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=70 )"}#header-scroll .inbox .h-rightbox{float:right;max-width:710px;padding:0;margin:0 80px 0 0}#header-scroll #gnav-scroll>ul{display:table;padding-left:0;margin:5px 0 0;right:0}#header-scroll #gnav-scroll>ul{box-sizing:border-box;-webkit-box-sizing:border-box}#header-scroll #gnav-scroll>ul>li:first-child{display:table-cell;padding:0 60px 0 0;margin:0}#header-scroll #gnav-scroll>ul>li{display:table-cell;padding:0 50px 0 0;margin:0}#header-scroll #gnav-scroll>ul>li img{width:90%}#header-scroll #gnav-scroll>ul>li:hover{cursor:pointer;color:#000}#header-scroll #gnav-scroll>ul>li:hover>a{opacity:1;color:#000}#header-scroll #gnav-scroll>ul>li:hover .menu{max-height:9999px;opacity:1}#header-scroll #gnav-scroll>ul>li>a{display:inline-block;padding:0;margin:5px 0 0 0;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}#header-scroll #gnav-scroll>ul>li>a::after{content:"";width:90%;height:2px;background:#036eb8;position:absolute;left:0;bottom:4px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}#header-scroll #gnav-scroll>ul>li>a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}#header-scroll .header-appli-scroll{width:100%;height:80px;padding:0;background:none;top:0;left:0;z-index:9999;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}#header-scroll .header-appli-scroll .inbox{width:98%;height:80px;padding:0 1%;margin:0 auto;background:none;text-align:left;top:0}#header-scroll .header-appli-scroll .inbox .h-logoarea{display:inline-block;vertical-align:top;width:350px;padding:0;margin:18px 0 0;text-align:left}#header-scroll .header-appli-scroll .inbox .h-logoarea img{width:100%}#header-scroll .header-appli-scroll .inbox .h-logoarea img:hover{background:none;opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=70 )"}#header-scroll .header-appli-scroll .inbox .h-rightbox-scroll{display:inline-block;max-width:340px;padding:0;margin:27px 0 0 30px;font-size:13px}.appli-navi{width:98%;padding:5px 1% 2px;margin:0;background:#fff;border-top:1px solid #999;border-bottom:1px solid #999;position:fixed;top:80px;z-index:9999}.appli-navi .applinavi-in{display:flex;justify-content:space-between;max-width:1200px;padding:0;margin:0 auto;font-size:14px;font-weight:bold;-webkit-box-pack:justify;-ms-flex-pack:justify}.appli-navi .applinavi-in li{padding:0;margin:0}.appli-navi .applinavi-in li>a.navi-link{display:inline-block;padding:0;margin:0;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.appli-navi .applinavi-in li>a.navi-link::after{content:"";width:100%;height:2px;background:#002f7c;position:absolute;left:0;bottom:1px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.appli-navi .applinavi-in li>a.navi-link:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.appli-navi .applinavi-in li>a.appservice{display:inline-block;padding:0 0 0 23px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-arrow-blk.svg) no-repeat;background-position:0 6px;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.appli-navi .applinavi-in li>a.appservice::after{content:"";width:100%;height:2px;background:#002f7c;position:absolute;left:0;bottom:1px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.appli-navi .applinavi-in li>a.appservice:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.appli-navi .applinavi-in li a.navi-search:hover{opacity:.5;transition:all .5s;-webkit-transition:all .5s}.appli-navi .applinavi-in li.navi-last{padding:3px 0 0;margin:0;position:relative}.appli-navi .applinavi-in li.navi-last .open-btn{width:50px;height:30px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-search.svg) no-repeat 20px 3px;background-size:20px 20px;cursor:pointer}.appli-navi .applinavi-in li.navi-last .open-btn.btnactive{background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon_close.svg) no-repeat 20px 3px;background-size:18px 18px}.appli-navi .applinavi-in li.navi-last #search-wrap{width:0;border-radius:8px;opacity:0;position:absolute;top:0;right:0;z-index:-1;transition:all .4s;-webkit-transition:all .4s}.appli-navi .applinavi-in li.navi-last #search-wrap.panelactive{width:280px;padding:20px;background:#eee;box-shadow:3px 3px 3px rgba(0,47,124,.5);opacity:1;top:38px;right:0;z-index:3;-webkit-box-shadow:3px 3px 3px rgba(0,47,124,.5)}.appli-navi .applinavi-in li.navi-last #search-wrap #searchform{display:none}.appli-navi .applinavi-in li.navi-last #search-wrap.panelactive #searchform{display:block}.appli-navi .applinavi-in li.navi-last #search-wrap input{cursor:pointer;outline:none;color:#666;-webkit-appearance:none}.appli-navi .applinavi-in li.navi-last #search-wrap input[type=text]{width:100%;height:46px;padding:10px;border:none;border-bottom:2px solid #ccc;letter-spacing:.05em;transition:all .5s;-webkit-transition:all .5s}.appli-navi .applinavi-in li.navi-last #search-wrap input[type=text]:focus{background:#fff}.appli-navi .applinavi-in li.navi-last #search-wrap input[type=submit]{width:30px;height:60px;text-indent:-9999px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-search.svg) no-repeat right;background-size:20px 20px;border:none;position:absolute;top:12px;right:30px}.footer-pagebottom-contact{min-height:250px;padding:60px 0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-bg-pagebtm-contact.jpg) no-repeat;background-position:center 0;background-size:cover;position:relative;z-index:0}.footer-pagebottom-contact::before{content:"";display:block;background-color:#036eb8;opacity:.7;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.footter-pagebottom-heading{padding:0;margin:60px auto 50px;font-size:30px;text-align:center}.footer-base-area{width:100%;padding:50px 0 50px;margin:0;background:#f2f7fa;text-align:left}.footerbox{display:flex;justify-content:space-between;max-width:1200px;padding:0;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify}.footerbox .footer-logo-area{width:250px;padding:0;margin:0 0 0 10px;text-align:left}.footerbox .footer-logo-area img{width:100%;height:auto}.footerbox .footer-menubox{display:flex;justify-content:space-between;width:700px;padding:0;margin:2px 0 0;font-size:15px;-webkit-box-pack:justify;-ms-flex-pack:justify}.footer-contact-base{max-width:1200px;padding:0 0 0 10px;margin:20px auto 0;text-align:left}.footer-contact-base .footer-contact-box{max-width:300px;padding:15px 20px;margin:0;border:1px solid #000}.f-menu{width:100%;max-width:1050px;height:20px;margin:0 auto;position:relative}.f-menu>li{float:left;width:16.666%;height:40px;background:rgba(255,255,255,0);line-height:50px}.f-menu>li a{display:block;color:#000}.f-menu>li a:hover{color:#333}ul.menu__second-level{opacity:0;z-index:1;visibility:hidden}.f-menu>li:hover{background:#fff;transition:all .5s;-webkit-transition:all .5s}.menu__second-level li{border-top:1px solid #fff;color:#fff}.menu__second-level li a{padding:10px 3px;color:#000;font-size:85%}.menu__second-level li a:hover{background:#eee}.f-menu:before,.f-menu:after{content:" ";display:table}.f-menu:after{clear:both}.f-menu{*zoom:1}.f-menu>li.menu__single{position:relative}li.menu__single ul.menu__second-level{width:100%;background:#036eb8;line-height:1.2;position:absolute;top:20px;transition:all .2s ease;-webkit-transition:all .2s ease}li.menu__single:hover ul.menu__second-level{opacity:1;top:40px;visibility:visible}.footer-copyright-box{width:100%;padding:10px 0 10px 0;margin:0 auto;background:#ddd;text-align:left}.footer-copyright-box .inbox{display:flex;justify-content:space-between;max-width:1200px;padding:0;margin:0 auto;color:#000;font-size:14px;-webkit-box-pack:justify;-ms-flex-pack:justify}.footer-copyright-box .footer-link-area{display:flex;justify-content:space-between;width:400px;padding:0;margin:0;text-align:right;-webkit-box-pack:justify;-ms-flex-pack:justify}.footer-copyright-box .footer-link{padding:0 17px 0 0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:right 9px}.footer-menulink a{display:inline-block;text-decoration:none;position:relative}.footer-menulink a::after{content:"";width:100%;height:2px;background:#036eb8;position:absolute;left:0;bottom:-2px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.footer-menulink a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.footer-appli-menulink a{display:inline-block;text-decoration:none;position:relative}.footer-appli-menulink a::after{content:"";width:100%;height:2px;background:#002f7c;position:absolute;left:0;bottom:-2px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.footer-appli-menulink a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.footer-appli-base-area{width:98%;padding:50px 1% 30px;margin:0;background:#002f7c;color:#fff;text-align:left}.footer-appli-box{display:flex;justify-content:space-between;max-width:1200px;padding:0;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify}.footer-appli-box .footer-logo-area{width:300px;padding:0;margin:0;font-size:14px;line-height:1.6;text-align:left}.footer-appli-box .footer-logo-area img{width:100%;height:auto}.footer-appli-box .footer-menubox{display:flex;flex-wrap:wrap;justify-content:space-between;width:375px;padding:0;margin:2px 0 0;font-size:15px;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.footer-appli-box .footer-menubox li{margin:0 0 10px}.footer-appli-box .footer-menubox li .footer-applimenu{margin:0 0 20px}.footer-appli-box .footer-menubox li .footer-applimenu>a{display:inline-block;padding:0;margin:0;color:#fff;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.footer-appli-box .footer-menubox li .footer-applimenu>a::after{content:"";width:100%;height:2px;background:#e50012;position:absolute;left:0;bottom:1px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.footer-appli-box .footer-menubox li .footer-applimenu>a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}#page-top,#form-page-top{position:fixed;right:12px;z-index:10}#page-top a,#form-page-top a{display:block;text-decoration:none}#page-top a:hover,#form-page-top a:hover{text-decoration:none}.header-contact-button{display:inline-block;vertical-align:top;width:110px;height:80px;padding:13px 0 0;background-color:#f05454;outline:none;color:#fff;font-size:16px;line-height:80px;text-align:center;text-decoration:none;position:absolute;right:0}.header-contact-button::before,.header-contact-button::after{content:"";display:block;position:absolute;z-index:-1}.header-contact-button,.header-contact-button::before,.header-contact-button::after{box-sizing:border-box;transition:all .5s;-webkit-box-sizing:border-box;-webkit-transition:all .5s}.header-contact-button:hover{background-color:#ff9696}.top-button{display:inline-block;width:640px;padding:15px 0;background-color:#f05454;border-radius:50px;color:#fff;font-size:30px;text-align:center;text-decoration:none;position:relative}.top-button::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-arrow-wh.svg);margin-top:-5px;position:absolute;top:12%;right:.5em;border-left-color:#fff}.top-button:hover{background-color:#ff9696;transition:all .5s;-webkit-transition:all .5s}.top-button:hover::after{animation:arrow .4s;-webkit-animation:arrow .4s}@keyframes arrow{50%{right:.2em}100%{right:.5em}}.top-contact-button{display:inline-block;width:450px;padding:15px 0;background:none;border:1px solid #fff;border-radius:50px;color:#fff;font-size:30px;text-align:center;text-decoration:none;position:relative}.top-contact-button::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-arrow-wh.svg);margin-top:-5px;position:absolute;top:12%;right:.5em;border-left-color:#fff}.top-contact-button:hover{background-color:rgba(255,255,255,.3);transition:all .5s;-webkit-transition:all .5s}.top-contact-button:hover::after{animation:arrow-contact .4s;-webkit-animation:arrow-contact .4s}@keyframes arrow-contact{50%{right:.2em}100%{right:.5em}}.download-button{display:inline-block;width:100%;height:54px;margin:20px 0 0;background-color:#fff;border:1px solid #036eb8;border-radius:8px;outline:none;color:#036eb8;line-height:54px;text-align:center;text-decoration:none}.download-button::before,.download-button::after{content:"";display:block;position:absolute;z-index:-1}.download-button,.download-button::before,.download-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.download-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.page-back-button{display:inline-block;height:54px;padding:0 20px;margin:0 10px;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:18px;line-height:52px;text-align:center;text-decoration:none}.page-back-button::before,.page-back-button::after{content:"";display:block;position:absolute;z-index:-1}.page-back-button,.page-back-button::before,.page-back-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.page-back-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.faq-index-button{display:inline-block;width:100%;height:60px;padding:0 20px;margin:0;background-color:#036eb8;border:1px solid #036eb8;border-radius:8px;outline:none;color:#fff;font-size:22px;line-height:58px;text-align:center;text-decoration:none}.faq-index-button::before,.faq-index-button::after{content:"";display:block;position:absolute;z-index:-1}.faq-index-button,.faq-index-button::before,.faq-index-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.faq-index-button:hover{background-color:#fff;border:1px solid #036eb8;color:#036eb8}.column-button{display:inline-block;height:40px;padding:0 20px;margin:0 10px;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:16px;line-height:38px;text-align:center;text-decoration:none}.column-button::before,.column-button::after{content:"";display:block;position:absolute;z-index:-1}.column-button,.column-button::before,.column-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.column-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.partner-button{display:inline-block;height:40px;padding:0 20px;margin:0 10px;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:16px;line-height:38px;text-align:center;text-decoration:none;position:absolute;right:0;bottom:0}.partner-button::before,.partner-button::after{content:"";display:block;position:absolute;z-index:-1}.partner-button,.partner-button::before,.partner-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.partner-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.notfound-button{display:inline-block;height:54px;padding:0 20px;margin:0 10px;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:16px;line-height:52px;text-align:center;text-decoration:none}.notfound-button::before,.notfound-button::after{content:"";display:block;position:absolute;z-index:-1}.notfound-button,.notfound-button::before,.notfound-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.notfound-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.footer-entry-btn-area{display:flex;justify-content:space-between;max-width:970px;padding:0;margin:80px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify}.footer-entry-btn-area li{width:400px;padding:0;margin:0}.formtb dl,.formtb dt,.formtb dd{padding:0;margin:0}.formtb dl{display:table;width:99%;border-style:none solid none solid}.formtb dl:last-child{border-style:none solid solid solid}.formtb dt{display:table-cell;vertical-align:top;padding:25px 0 10px}.formtb dd{display:table-cell;vertical-align:middle;width:75%;padding:20px 0;text-align:left}.form-must{width:50px;height:24px;padding:4px 7px;margin-top:-12px;margin-right:10px;background:#f05454;border-radius:6px;color:#fff;font-size:12px;line-height:24px;text-align:center}.downloadform-must{padding:0 0 0 55px;margin:30px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-must.svg) no-repeat;background-position:0 5px;text-align:left}.downloadform-must-01{padding:0 0 0 55px;margin:15px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-must.svg) no-repeat;background-position:0 5px;text-align:left}.form-note{padding:0;margin:2px 0 0;color:#555;font-size:11px;text-align:left}.input-01{width:100%;height:50px;padding-left:10px;background:#fff;border:1px solid #e1e1e1;border-radius:6px;font-size:15px}.input-02{width:35%;height:50px;padding-left:10px;background:#fff;border:1px solid #e1e1e1;border-radius:6px;font-size:15px}.form-date-txt{display:inline-block;width:20px;margin:0 15px 0 5px;font-size:15px}.inputmessage-01{width:100%;height:150px;padding:10px;margin:0;margin-left:0;background:#fff;border:1px solid #e1e1e1;border-radius:6px;font-size:15px}.input-01a{width:100%;height:40px;padding-left:10px;background:#fff;border:1px solid #e1e1e1;border-radius:6px;font-size:15px}.input-02a{width:35%;height:50px;padding-left:10px;background:#fff;border:1px solid #e1e1e1;border-radius:6px;font-size:15px}.downloadform-button-area{display:flex;justify-content:center;align-items:center;padding:0;margin:10px 0 0;text-align:center;-webkit-box-align:center;-webkit-box-pack:center;-ms-flex-align:center;-ms-flex-pack:center}.submit-button{display:inline-block;width:200px;padding:10px 0;margin:20px 0 0;background:#036eb8;border:none;border-radius:12px;color:#fff;font-size:16px}.submit-button:hover{width:200px;padding:10px 0;margin:20px 0 0;background:#0284de;border:none;border-radius:12px;cursor:pointer;color:#fff;font-size:16px}.back-button{display:inline-block;width:100px;padding:10px 0;margin:20px 15px 0;background:#999;border:none;border-radius:12px;color:#fff;font-size:16px}.back-button:hover{display:inline-block;width:100px;padding:10px 0;margin:20px 15px 0;background:#ccc;border:none;border-radius:12px;cursor:pointer;color:#fff;font-size:16px}.privacy-area{padding:0;margin:5px 0 0;font-size:14px;text-align:center}.mw_wp_form_confirm .formtb dd.input-text{padding:10px 0 0;margin:0}.top-contents-title{padding:0;margin:0;color:#fff;font-size:40px;font-weight:bold;text-align:center}.top-contents-title-02{display:inline-block;padding:0 70px;font-size:40px;font-weight:bold;position:relative}.top-contents-title-02:before,.top-contents-title-02:after{content:"";display:inline-block;width:45px;height:1px;background-color:#000;position:absolute;top:50%}.top-contents-title-02:before{left:0}.top-contents-title-02:after{right:0}.top-about-heading{padding:0;margin:0;color:#00ade1;font-size:26px;font-weight:bold;line-height:1.5;position:absolute;top:0;left:80px}.top-about-heading-02{padding:0;margin:0;color:#00ade1;font-size:26px;font-weight:bold;line-height:1.5;position:absolute;top:15px;left:80px}.appli-heading{border-bottom:solid 3px #ddd;font-size:24px;font-weight:bold;position:relative}.appli-heading:after{content:" ";display:block;width:14%;border-bottom:solid 3px #002f7c;position:absolute;bottom:-3px}.appli-side-heading{margin:30px 0 0;border-bottom:solid 3px #ddd;font-size:20px;font-weight:bold;position:relative}.appli-side-heading:after{content:" ";display:block;width:34%;border-bottom:solid 3px #002f7c;position:absolute;bottom:-3px}h2.page-heading{padding:3px 10px 3px 10px;margin:20px 0;font-size:26px;font-weight:bold;line-height:1.4;position:relative}h2.page-heading:before{content:"";width:8px;height:calc(100% - 10px);background-color:#036eb8;position:absolute;top:5px;left:0}.appli-relate-heading,.widgettitle{padding:0;margin:30px 0 0;border-bottom:solid 3px #ddd;font-size:24px;font-weight:bold;position:relative}.appli-relate-heading:after,.widgettitle:after{content:" ";display:block;width:14%;border-bottom:solid 3px #002f7c;position:absolute;bottom:-3px}.appli-search-heading{border-bottom:solid 3px #ddd;font-size:24px;font-weight:bold;position:relative}.appli-search-heading :after{content:" ";display:block;width:14%;border-bottom:solid 3px #002f7c;position:absolute;bottom:-3px}.bosyu-heading-base{padding:0;margin:0;background:#ebebeb;color:#002f7c;font-size:30px;font-weight:bold;text-align:left}.bosyu-heading-base .bosyu-heading{padding:10px 0 10px 150px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-bosyu.svg) no-repeat}.partner-heading-base{padding:0;margin:0;background:#ebebeb;color:#002f7c;font-size:30px;font-weight:bold;text-align:left}.partner-heading-base .partner-heading{padding:10px 0 10px 150px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-partner.svg) no-repeat}.mailmagazine-heading-base{padding:0;margin:0;background:#ebebeb;color:#002f7c;font-size:30px;font-weight:bold;text-align:left}.mailmagazine-heading-base .mailmagazine-heading{padding:10px 0 10px 150px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-mailmagazine.svg) no-repeat}.applisitemap-heading-base{padding:0;margin:0;background:#ebebeb;color:#002f7c;font-size:30px;font-weight:bold;text-align:left}.applisitemap-heading-base .applisitemap-heading{padding:10px 0 10px 150px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap.svg) no-repeat}.slider{width:100%;height:92vh;padding:0;margin:0;position:relative}.main-catch-area{max-width:1200px;padding:0;margin:280px auto 0;position:relative}.main-catch-area-02{max-width:1200px;padding:0;margin:280px auto 0;position:relative}p.main-catch-01{border-right:solid 7px rgba(0,173,225,.8);overflow:hidden;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#000;font-size:40px;font-weight:bold;line-height:1.3;text-align:left;text-shadow:2px 2px 2px #fff,-2px -2px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff,2px 0 2px #fff,-2px 0 2px #fff,0 2px 2px #fff,0 -2px 2px #fff;white-space:nowrap}p.main-catch-01{animation:animated-text 1.2s steps(13, end) 1s 1 normal both,animated-cursor 2500ms steps(13, end) infinite;-webkit-animation:animated-text 1.2s steps(13, end) 1s 1 normal both,animated-cursor 2500ms steps(13, end) infinite}@keyframes animated-text{from{width:0}to{width:530px}}@keyframes animated-cursor{from{border-right-color:rgba(0,173,225,.9)}to{border-right-color:rgba(0,0,0,0)}}p.main-catch-02{margin:20px 0 0;border-right:solid 7px rgba(0,173,225,.9);overflow:hidden;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#000;font-size:40px;font-weight:bold;line-height:1.3;text-align:left;text-shadow:2px 2px 2px #fff,-2px -2px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff,2px 0 2px #fff,-2px 0 2px #fff,0 2px 2px #fff,0 -2px 2px #fff;white-space:nowrap}p.main-catch-02{animation:animated-text-02 1s steps(10, end) 1s 1 normal both,animated-cursor-02 2500ms steps(10, end) infinite;-webkit-animation:animated-text-02 1s steps(10, end) 1s 1 normal both,animated-cursor-02 2500ms steps(10, end) infinite}@keyframes animated-text-02{from{width:0}to{width:1150px}}@keyframes animated-cursor-02{from{border-right-color:rgba(0,173,225,.9)}to{border-right-color:rgba(0,0,0,0)}}.main-bottom-area{width:100%;padding:15px 0;margin:0;background:rgba(245,245,245,.8);position:absolute;bottom:0}.main-bottom-area .main-bottom-contents{display:flex;justify-content:space-between;align-items:center;max-width:1100px;padding:10px 0;margin:0 auto;font-size:20px;text-align:left;-webkit-box-align:center;-webkit-box-pack:justify;-ms-flex-align:center;-ms-flex-pack:justify}.main-bottom-area .main-bottom-contents .btm-box01{width:30%;padding:0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-mainimg-bar.png) no-repeat;background-position:270px top;line-height:1.4}.main-bottom-area .main-bottom-contents .btm-box02{width:32%;padding:0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-mainimg-bar.png) no-repeat;background-position:285px top;line-height:1.4}.main-bottom-area .main-bottom-contents .btm-box03{width:38%;padding:0;margin:0;line-height:1.2}.slide-bottom{opacity:0;transition:all 1.3s 0s ease-out;transform:translateY(20px);-webkit-transform:translateY(20px);-webkit-transition:all 1.3s 0s ease-out}@keyframes fade-in{from{opacity:0;transform:translateY(100px);-webkit-transform:translateY(100px)}to{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}}.pickup-slider{width:1170px;height:245px;margin:0 auto}.pickup-slider li{height:245px;border-left:5px solid #f2f7fa;color:#000;text-align:center;position:relative}.pickup-slider li img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.slide-pickup-area{box-sizing:border-box;width:100%;padding:10px;background:rgba(0,0,0,.5);color:#fff;text-align:left;position:absolute;left:0;right:0;bottom:0;-webkit-box-sizing:border-box}.slide-pickup-date{padding:0 0 0 22px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-slidedate.svg) no-repeat;background-position:0 7px;font-size:14px;text-align:left}.slide-pickup-title{padding:0;margin:5px 0 0;line-height:1.7;text-align:left}.category-pickup{min-width:100px;padding:2px 7px;background:#ffbc2b;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.txt12{font-size:12px}.txt13{font-size:13px}.txt14{font-size:14px}.txt15{font-size:15px}.txt16{font-size:16px}.txt18{font-size:18px}.txt20{font-size:20px}.txt22{font-size:22px}.txt24{font-size:24px}.txt26{font-size:26px}.txt28{font-size:28px}.txt30{font-size:30px}.txt32{font-size:32px}.txt34{font-size:34px}.txt36{font-size:36px}.txt38{font-size:38px}.txt40{font-size:40px}.txt46{font-size:46px}.txt50{font-size:50px}.txt56{font-size:56px}.txt60{font-size:60px}.text-bold{font-weight:bold}.text-udl{text-decoration:underline}.font-italic{font-style:italic}.red{color:#f05454}.red-b{color:#f05454;font-weight:700}.blue{color:#036eb8}.blue-b{color:#036eb8;font-weight:700}.skyblue{color:#00ade1}.skyblue-b{color:#00ade1;font-weight:700}.gray{color:#ccc}.darkgray{color:#888}.black{color:#000}@font-face{font-family:"Noto Sans JP";font-weight:400;font-style:normal;font-display:swap;src:url(//ma-inc.jp/game_support/wp-content/themes/fonts/NotoSansJP-Regular.woff) format("woff")}@font-face{font-family:"Noto Sans JP";font-weight:700;font-style:normal;font-display:swap;src:url(//ma-inc.jp/game_support/wp-content/themes/fonts/NotoSansJP-Bold.woff) format("woff")}html{vertical-align:baseline;padding:0;margin:0;border:0;font-size:62.5%;text-decoration:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{padding:0;margin:0;background:#fff;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#1d1d1d;font-size:1.6rem;line-height:2;text-align:center;font-display:swap}.wrapper{width:100%;padding:0;margin:0;overflow:hidden}* html body{overflow:hidden}html{visibility:hidden}html.wf-active,html.loading-delay{visibility:visible}#faq01,#faq02,#faq03{padding-top:240px;margin-top:-240px}#h2022,#h2021,#h2020,#h2019,#h2018,#h2011{padding-top:100px;margin-top:-100px}.fixed{height:100%;overflow:auto}.is-pc{display:block !important}.is-sp{display:none !important}.is-header-pc{display:block !important}.is-header-sp{display:none !important}.drawer-navbar{display:none}.fadein{opacity:0;transition:all 1.5s;transform:translateY(60px);-webkit-transform:translateY(60px);-webkit-transition:all 1.5s;visibility:hidden}.fadein.scrollin{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);visibility:visible}.fadein.scrollin:nth-of-type(1){transition-delay:.1s}.fadein.scrollin:nth-of-type(2){transition-delay:.2s}.fadein.scrollin:nth-of-type(3){transition-delay:.3s}.fadein.scrollin:nth-of-type(4){transition-delay:.4}.fadein.scrollin:nth-of-type(5){transition-delay:.5s}.fadein.scrollin:nth-of-type(6){transition-delay:.6s}.fadein.scrollin:nth-of-type(7){transition-delay:.7s}.fadein.scrollin:nth-of-type(8){transition-delay:.8s}.fadein.scrollin:nth-of-type(9){transition-delay:.9s}.fadein.scrollin:nth-of-type(10){transition-delay:1s}.fadein.scrollin:nth-of-type(11){transition-delay:.1s}.fadein.scrollin:nth-of-type(12){transition-delay:1.1s}.fadein.scrollin:nth-of-type(13){transition-delay:1.2s}.fadein.scrollin:nth-of-type(14){transition-delay:1.3s}.fadein.scrollin:nth-of-type(15){transition-delay:.1s}.fadein-pt02{opacity:0;transition:all 2.5s;-webkit-transition:all 2.5s}.fadein-pt02.active{opacity:1}.bread-area-appli span[property=name]{display:inline-block;vertical-align:middle;max-width:1050px;padding:0;margin-top:-3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bread-area{max-width:1180px;padding:20px 10px 0;margin:0 auto;font-size:12px;text-align:left}.bread-area a:hover{text-decoration:underline}.bread-area-02{max-width:1180px;padding:20px 10px 0;margin:120px auto 0;font-size:12px;text-align:left}.bread-area-02 a:hover{text-decoration:underline}.bread-area-notfound{max-width:1200px;padding:0;margin:100px auto 0;font-size:12px;text-align:left}.bread-area-appli{max-width:1200px;padding:0;margin:140px auto 0;font-size:12px;text-align:left}div.scroll{display:inline-block;padding:10px 10px 80px;overflow:hidden;font-family:"Josefin Sans",sans-serif;color:#000;font-size:12px;line-height:1;letter-spacing:.2em;text-decoration:none;text-transform:uppercase;position:absolute;left:40px;bottom:0;z-index:2;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}div.scroll::after{content:"";width:1px;height:70px;background:#000;position:absolute;left:50%;bottom:0;animation:sdl 2s cubic-bezier(1, 0, 0, 1) infinite;-webkit-animation:sdl 2s cubic-bezier(1, 0, 0, 1) infinite}@keyframes sdl{0%{transform:scale(1, 0);-webkit-transform:scale(1, 0);transform-origin:0 0}30%{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:0 0}70%{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:0 100%}100%{transform:scale(1, 0);-webkit-transform:scale(1, 0);transform-origin:0 100%}}.bg-gray-01{background:rgba(3,110,184,.13)}.bg-gray-02{background:#f4f4f4}.page-base{padding:100px 0;margin:0}.page-base-02{padding:0;margin:0;background:#f2f7fa}.page-base-download{padding:100px 0 20px;margin:0;background:#fff}.page-base-faq{padding:100px 0;margin:0;background:#f1f1f1}.page-case-area{padding:100px 0 20px;margin:0}.section-comp{padding:0;margin:0}.section-comp-02{padding:0;margin:100px 0 0}.section-comp-03{padding:0;margin:100px 0 0}.section-comp-04{padding:100px 0 150px;margin:0}.section-comp-05{padding:60px 0 100px;margin:100px 0 0;background:#fff}.section-comp-06{padding:0 0 100px;margin:0;background:#fff}.contents-01{box-sizing:border-box;width:100%;padding:60px 0 0;margin:0 auto;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-point.jpg) no-repeat;background-position:center top;-webkit-box-sizing:border-box}.contents-02{box-sizing:border-box;width:100%;padding:60px 0 0;margin:0 auto;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-example.jpg) no-repeat;background-position:center top;-webkit-box-sizing:border-box}.contents-03{box-sizing:border-box;width:100%;padding:60px 0 0;margin:0 auto;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-case.jpg) no-repeat;background-position:center top;-webkit-box-sizing:border-box}.contents-04{box-sizing:border-box;width:100%;padding:60px 0 0;margin:0 auto;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-plan.jpg) no-repeat;background-position:center top;-webkit-box-sizing:border-box}.contents-base-01{box-sizing:border-box;max-width:1200px;padding:100px 100px 30px;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;top:220px;left:0;right:0;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.contents-base-02{box-sizing:border-box;max-width:1200px;padding:50px 100px 90px;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;top:220px;left:0;right:0;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}ul.point-area{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:0;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}ul.point-area li{display:flex;justify-content:space-between;width:45%;padding:0;margin:0 0 70px;-webkit-box-pack:justify;-ms-flex-pack:justify}ul.point-area li .point-icon{vertical-align:top;width:22%;padding:0;margin:0 8% 0 0}ul.point-area li .point-icon img{width:100%;height:auto}ul.point-area li .point-text{vertical-align:top;width:67%;padding:0;margin:0;line-height:1.8}ul.point-area li .point-icon-02{vertical-align:top;width:18%;padding:0;margin:0 8% 0 0}ul.point-area li .point-icon-02 img{width:100%;height:auto}ul.point-area li .point-text-02{vertical-align:top;width:70%;padding:0;margin:0;line-height:1.8}.top-about-base{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;padding:0;margin:80px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;background-position:right top;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.top-about-base li.about-n01{width:27%;height:220px;padding:0 0 0 5%;margin:0 0 10px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;position:relative}.top-about-base li.about-n01:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n01.svg);position:absolute;right:20px;bottom:0}.top-about-base li.about-n02{width:27%;height:220px;padding:0 0 0 5%;margin:0 0 10px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;position:relative}.top-about-base li.about-n02:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n02.svg);position:absolute;right:20px;bottom:0}.top-about-base li.about-n03{width:30%;height:220px;padding:0 0 0 5%;margin:0 0 10px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;position:relative}.top-about-base li.about-n03:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n03.svg);position:absolute;right:70px;bottom:0}.top-about-base .top-about-text{padding:0;margin:0;font-size:20px;position:absolute;top:100px;left:60px;z-index:2}.top-about-base .top-about-text-02{padding:0;margin:0;font-size:20px;position:absolute;top:80px;left:60px;z-index:2}.top-about-base-02{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;padding:0;margin:10px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;background-position:right top;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.top-about-base-02 li.about-n04{width:27%;height:220px;padding:0 0 0 5%;margin:0 0 10px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;position:relative}.top-about-base-02 li.about-n04:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n04.svg);position:absolute;right:20px;bottom:0}.top-about-base-02 li.about-n05{width:27%;height:220px;padding:0 0 0 5%;margin:0 0 10px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;position:relative}.top-about-base-02 li.about-n05:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n05.svg);position:absolute;right:20px;bottom:0}.top-about-base-02 li.about-n06{width:30%;height:220px;padding:0 0 0 5%;margin:0 0 10px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;position:relative}.top-about-base-02 li.about-n06:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n06.svg);position:absolute;right:70px;bottom:0}.top-about-base-02 .top-about-text{padding:0;margin:0;font-size:20px;position:absolute;top:100px;left:60px;z-index:2}.top-about-base-02 .top-about-text-02{padding:0;margin:0;font-size:20px;position:absolute;top:80px;left:60px;z-index:2}.page-button-area{padding:0;margin:100px 0 0}.page-button-area-02{padding:0;margin:200px 0 0}.top-example-lead{padding:0;margin:20px 0 0;font-size:24px;font-weight:bold;text-align:center}ul.top-example-contents{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:700px;padding:0;margin:-20px auto 0;text-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}ul.top-example-contents li{vertical-align:middle;width:25%;padding:0 2%;margin:60px 0 30px;position:relative}ul.top-example-contents li img{width:100%;height:auto}ul.top-example-contents li .text01{font-size:22px;font-weight:bold;letter-spacing:-1px;position:absolute;left:0;right:0;bottom:-40px}ul.top-example-contents li .text02{font-size:22px;font-weight:bold;line-height:1.3;letter-spacing:-1px;position:absolute;left:0;right:0;bottom:-60px}ul.top-example-contents li.icon04{vertical-align:middle;width:10%;margin:0 0 0 30px;position:relative}ul.top-example-contents li.icon04 img{width:100%;height:auto}.nayami-base01{display:flex;justify-content:space-between;max-width:1000px;padding:0 20px;margin:50px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify}.nayami-base01 li{width:28%;padding:0;margin:0;position:relative}.nayami-base01 li .bubble-base{box-sizing:border-box;min-height:180px;padding:30px;margin:0;background:#fff;border-radius:16px;text-align:left;-webkit-box-sizing:border-box}.nayami-base01 li .img-nayami{padding:0;margin:0;position:absolute;right:0;bottom:-100px}.nayami-base02{display:flex;justify-content:space-between;max-width:640px;padding:0 20px;margin:150px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify}.nayami-base02 li{width:44%;padding:0;margin:0;position:relative}.nayami-base02 li .bubble-base{box-sizing:border-box;min-height:180px;padding:30px;margin:0;background:#fff;border-radius:16px;text-align:left;-webkit-box-sizing:border-box}.nayami-base02 li .img-nayami{padding:0;margin:0;position:absolute;right:0;bottom:-100px}.contents-case-base{box-sizing:border-box;display:flex;justify-content:space-between;max-width:1200px;padding:60px;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;-webkit-box-pack:justify;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.contents-case-base li.case-image{width:25%;padding:0;margin:0}.contents-case-base li.case-image img{width:100%;height:auto}.contents-case-base li.case-text-area{width:70%;padding:0;margin:0;text-align:left}.contents-case-base li.case-text-area .case-heading{padding:0;margin:0;color:#036eb8;font-size:28px;font-weight:bold;line-height:1}.contents-case-base li.case-text-area .case-icon{display:inline-block;width:70px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base li.case-text-area .case-icon-02{display:inline-block;width:140px;padding:6px 10px;margin:10px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base li.case-text-area .case-text{display:inline-block;width:120px;padding:0;margin:35px 20px 0 0;font-size:18px}.contents-case-base li.case-text-area .case-text-02{display:inline-block;width:220px;padding:0;margin:35px 20px 0 0;font-size:18px}.contents-case-base li.case-text-area .case-text-03{display:inline-block;width:220px;padding:0;margin:10px 20px 0 0;font-size:18px}.contents-case-base-02{box-sizing:border-box;display:flex;justify-content:space-between;max-width:1200px;padding:60px;margin:80px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;-webkit-box-pack:justify;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.contents-case-base-02 li.case-image{width:25%;padding:0;margin:0}.contents-case-base-02 li.case-image img{width:100%;height:auto}.contents-case-base-02 li.case-text-area{width:70%;padding:0;margin:0;text-align:left}.contents-case-base-02 li.case-text-area .case-heading{padding:0;margin:0;color:#036eb8;font-size:28px;font-weight:bold;line-height:1}.contents-case-base-02 li.case-text-area .case-icon{display:inline-block;width:70px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base-02 li.case-text-area .case-icon-02{display:inline-block;width:140px;padding:6px 10px;margin:10px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base-02 li.case-text-area .case-text{display:inline-block;width:150px;padding:0;margin:35px 20px 0 0;font-size:18px}.contents-case-base-02 li.case-text-area .case-text-02{display:inline-block;width:220px;padding:0;margin:35px 20px 0 0;font-size:18px}.contents-case-base-02 li.case-text-area .case-text-03{display:inline-block;width:220px;padding:0;margin:10px 20px 0 0;font-size:18px}ul.plan-contents{display:flex;justify-content:space-between;max-width:1000px;padding:0 20px;margin:60px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify}ul.plan-contents li{box-sizing:border-box;width:280px;height:280px;padding:0;margin:0;-webkit-box-sizing:border-box}ul.plan-contents li .circle{box-sizing:border-box;display:inline-block;width:280px;height:280px;padding:70px 0 0;background:#fff;border-radius:50%;box-shadow:0 0 8px #ccc;text-align:center;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.top-faq-base{max-width:1000px;padding:0;margin:60px auto 0;text-align:left}.accordion-container .accordion-title{width:87%;padding:30px 5% 30px 8%;margin:0 auto;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-question.svg) no-repeat;background-position:15px 30px;border-top:1px solid #ccc;cursor:pointer;color:#000;font-size:18px;font-weight:normal;text-align:left;position:relative}.accordion-container .accordion-title:hover,.accordion-container .accordion-title:active,.accordion-title.open{background-color:none}.accordion-container .accordion-title::before{content:"";width:15px;height:2px;background:#ccc;position:absolute;top:50%;right:25px;transition:all .3s ease-in-out;transform:rotate(90deg);-webkit-transform:rotate(90deg);-webkit-transition:all .3s ease-in-out}.accordion-container .accordion-title::after{content:"";width:15px;height:2px;background:#ccc;position:absolute;top:50%;right:25px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}.accordion-container .accordion-title.open::before{transform:rotate(180deg);-webkit-transform:rotate(180deg)}.accordion-container .accordion-title.open::after{opacity:0}.accordion-content{display:none;width:87%;padding:30px 5% 30px 8%;background:#f4f4f4;text-align:left;position:relative}.accordion-content:before{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-answer.svg);box-sizing:border-box;display:block;padding:0;position:absolute;top:28px;left:15px;-webkit-box-sizing:border-box}.accordion-box{border-bottom:1px solid #ccc}.movie-area{padding:0;margin:60px 0 0}.movie-youtube{width:700px;margin:0 auto}.movie-youtube a{display:block;border:0 solid #fff;position:relative}.movie-youtube a:hover{opacity:.6}.movie-youtube a::before{content:"";display:block;width:100%;height:60px;margin:-32px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-youtube-red.png) center center/64px 45px no-repeat;opacity:.8;position:absolute;top:50%;left:0;right:0;z-index:1}.movie-youtube a img{width:100%;margin:0 auto;border:1px solid #ccc;border-radius:20px;text-align:center}.sp-lead-base{width:90%;padding:0;margin:30px auto 0;background:#fff}.sp-lead-01{padding:0 0 0 30px;margin:0;font-size:20px;line-height:1.3;text-align:left;position:relative}.sp-lead-02{padding:0 0 0 30px;margin:20px 0 0;font-size:20px;line-height:1.3;text-align:left;position:relative}.sp-lead-01:before,.sp-lead-02:before{content:"";width:8px;height:calc(100% - 10px);background-color:#00ade1;border-radius:4px;position:absolute;top:5px;left:0}.sp-nayami-01{box-sizing:border-box;width:90%;min-height:200px;padding:20px;margin:60px auto 0;background:#fff;border-radius:16px;font-size:18px;text-align:left;position:relative;-webkit-box-sizing:border-box}.sp-nayami-01:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-01.svg);position:absolute;right:15px;bottom:-12px}.sp-nayami-02{box-sizing:border-box;width:90%;min-height:200px;padding:20px 20px 20px 170px;margin:60px auto 0;background:#fff;border-radius:16px;font-size:18px;text-align:left;position:relative;-webkit-box-sizing:border-box}.sp-nayami-02:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-02.svg);position:absolute;left:15px;bottom:-12px}.sp-nayami-03{box-sizing:border-box;width:90%;min-height:200px;padding:20px;margin:60px auto 0;background:#fff;border-radius:16px;font-size:18px;text-align:left;position:relative;-webkit-box-sizing:border-box}.sp-nayami-03:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-03.svg);position:absolute;right:15px;bottom:-12px}.sp-nayami-04{box-sizing:border-box;width:90%;min-height:200px;padding:20px 20px 20px 170px;margin:60px auto 0;background:#fff;border-radius:16px;font-size:18px;text-align:left;position:relative;-webkit-box-sizing:border-box}.sp-nayami-04:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-04.svg);position:absolute;left:15px;bottom:-12px}.sp-nayami-05{box-sizing:border-box;width:90%;min-height:200px;padding:20px;margin:60px auto 0;background:#fff;border-radius:16px;font-size:18px;text-align:left;position:relative;-webkit-box-sizing:border-box}.sp-nayami-05:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-05.svg);position:absolute;right:15px;bottom:-12px}.page-main-case{height:325px;padding:0;margin:80px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-case.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-download{height:325px;padding:0;margin:80px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-download.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-faq{height:325px;padding:0;margin:80px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-faq.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-contact{height:325px;padding:0;margin:80px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-contact.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-sitemap{height:325px;padding:0;margin:80px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-sitemap.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-case::before,.page-main-download::before,.page-main-faq::before,.page-main-contact::before,.page-main-sitemap::before{content:"";display:block;background-color:#036eb8;opacity:.7;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.pagetitle{padding:0;margin:0;color:#fff;font-size:40px;font-weight:bold;position:absolute;top:35%;left:0;right:0}.page-case-base{box-sizing:border-box;max-width:1200px;padding:60px;margin:0 auto 60px;background:#fff;border:1px solid #036eb8;border-radius:30px;-webkit-box-sizing:border-box}.page-case-base-02{box-sizing:border-box;max-width:1200px;padding:60px;margin:80px auto 0;background:#fff;border:1px solid #036eb8;border-radius:30px;-webkit-box-sizing:border-box}.page-case-box{display:flex;justify-content:space-between;padding:0;margin:0;-webkit-box-pack:justify;-ms-flex-pack:justify}.page-case-box .case-image{width:22%;padding:0;margin:0}.page-case-box .case-image img{width:100%;height:auto}.page-case-box .case-text-area{width:73%;padding:0;margin:0;text-align:left}.page-case-box .case-text-area .case-heading{padding:0;margin:0;color:#036eb8;font-size:28px;font-weight:bold;line-height:1}.page-case-box .case-text-area .case-lead{padding:0;margin:25px 0 0;font-size:22px;font-weight:bold;line-height:1.3}.page-case-box .case-text-area .case-icon{display:inline-block;width:70px;padding:6px 10px;margin:18px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.page-case-box .case-text-area .case-icon-02{display:inline-block;width:140px;padding:6px 10px;margin:18px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.page-case-box .case-text-area .case-text{display:inline-block;width:550px;padding:0;margin:18px 20px 0 0;font-size:18px}.page-case-box .case-text-area .case-text-02{display:inline-block;width:400px;padding:0;margin:18px 20px 0 0;font-size:18px}.case-flow-area{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:0;margin:40px 0 0;-webkit-box-align:center;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-align:center;-ms-flex-pack:justify}.case-flow-area .flow-box{width:45%;padding:0;margin:0}.case-flow-area .flow-arrow{width:10%;padding:0;margin:0;text-align:center}.case-flow-area .flow-bf-heading{padding:5px;margin:0;background:#036eb8;border-radius:16px 16px 0 0;color:#fff;font-size:22px;text-align:center}.case-flow-area .flow-bf-contents{min-height:160px;padding:20px;margin:0;background:#f2f7fa;border:1px solid #036eb8;border-radius:0 0 16px 16px;text-align:left}.case-flow-area .flow-af-heading{padding:5px;margin:0;background:#00ade1;border-radius:16px 16px 0 0;color:#fff;font-size:22px;text-align:center}.case-flow-area .flow-af-contents{min-height:160px;padding:20px;margin:0;background:#f2f7fa;border:1px solid #00ade1;border-radius:0 0 16px 16px;text-align:left}.down-load-base{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;padding:0;margin:0 auto;text-align:left;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.down-load-base li{width:30%;padding:0;margin:0 0 80px;text-align:left}.down-load-base li .arc-download-title{padding:0;margin:20px 0 0;font-size:18px;font-weight:bold}.down-load-base li .arc-download-text{padding:0 0 10px;margin:20px 0 0;font-size:16px}.down-load-base .download-img{height:220px;cursor:pointer;overflow:hidden}.down-load-base .download-img img{width:100%;height:auto}.down-load-base .download-img img{transition:.3s ease-in-out;transform:scale(1);-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.down-load-base .download-img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1)}.page-base-downloadform{box-sizing:border-box;display:flex;justify-content:space-between;max-width:1000px;padding:0;margin:100px auto;text-align:left;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.page-base-downloadform .downloadform-img{width:38%;padding:0;margin:0}.page-base-downloadform .downloadform-img img{width:100%;height:auto}.page-base-downloadform .downloadform-base{box-sizing:border-box;width:52%;padding:30px 50px;margin:0;background:#f4f4f4;border-radius:20px;-webkit-box-sizing:border-box}.page-base-downloadform .downloadform-base .downloadform-heading{padding:0 0 5px;margin:0;border-bottom:1px solid #000;font-size:26px;font-weight:bold;text-align:center}.page-base-downloadform .downloadform-base-01{width:52%;padding:0;margin:0}.page-base-downloadform .downloadform-base-01 .downloadform-heading{padding:0;margin:0;font-size:20px;font-weight:bold;text-align:center}.page-base-downloadform .downloadform-base-01 .downloadform-box{box-sizing:border-box;padding:10px 50px 30px;margin:0;background:#f4f4f4;border-radius:20px;-webkit-box-sizing:border-box}.page-base-downloadform .downloadform-base-01 .downloadform-box .downloadform-heading-01{padding:0 0 5px;margin:0;border-bottom:1px solid #000;font-size:18px;font-weight:bold;text-align:center}.thanks-text{padding:0;margin:30px 0 0;text-align:center}.thanks-img{padding:0;margin:0 auto;text-align:center}.thanks-button-area{display:flex;justify-content:center;align-items:center;max-width:1200px;padding:0;margin:80px auto 0;-webkit-box-align:center;-webkit-box-pack:center;-ms-flex-align:center;-ms-flex-pack:center}#faq-index-base{padding:0;margin:0;z-index:999}#faq-index-base.m_fixed{width:100%;padding:20px 0;background:#f2f7fa;border-bottom:1px solid #ccc;position:fixed;top:80px;left:0}.faq-index-area{box-sizing:border-box;display:flex;justify-content:space-between;max-width:1200px;padding:0;margin:0 auto;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.faq-index-area li{width:30%;padding:0;margin:0}.faq-base{box-sizing:border-box;max-width:1200px;padding:60px 80px 80px;margin:100px auto 0;background:#fff;border:1px solid #036eb8;-webkit-box-sizing:border-box}.faq-base .faq-heading{padding:0 0 5px;margin:0 0 50px;font-size:26px;font-weight:bold;text-align:center}.contact-base{box-sizing:border-box;max-width:900px;padding:30px 70px 40px;margin:0 auto;background:#fff;border-radius:20px;text-align:left;-webkit-box-sizing:border-box}.contact-form-area{padding:0;margin:20px 0 0}.appli-contact-form-area{padding:40px 80px;margin:50px 0 0;background:#f4f4f4;border:0 solid #333;border-radius:20px}.page-sitemap-base{box-sizing:border-box;display:flex;justify-content:space-between;max-width:800px;padding:100px 0;margin:0 auto;text-align:left;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.page-sitemap-base li{width:50%;padding:0;margin:0}.page-sitemap-base .sitemap-01{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-01.svg) no-repeat;background-position:0 6px}.page-sitemap-base .sitemap-02{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-02.svg) no-repeat;background-position:0 6px}.page-sitemap-base .sitemap-03{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-03.svg) no-repeat;background-position:0 6px}.page-sitemap-base .sitemap-04{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-04.svg) no-repeat;background-position:0 10px}.page-sitemap-base .sitemap-05{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-05.svg) no-repeat;background-position:0 8px}.page-sitemap-base .sitemap-06{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-06.svg) no-repeat;background-position:0 6px;position:relative}.page-sitemap-base .sitemap-06::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);position:absolute;top:10%;left:115px}.page-sitemap-base .sitemap-07{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-07.svg) no-repeat;background-position:0 8px;position:relative}.page-sitemap-base .sitemap-07::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);position:absolute;top:10%;left:215px}.page-sitemap-base .sitemap-08{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-08.svg) no-repeat;background-position:0 8px}.page-sitemap-base .sitemap-01 a,.page-sitemap-base .sitemap-02 a,.page-sitemap-base .sitemap-03 a,.page-sitemap-base .sitemap-04 a,.page-sitemap-base .sitemap-05 a,.page-sitemap-base .sitemap-06 a,.page-sitemap-base .sitemap-07 a,.page-sitemap-base .sitemap-08 a{display:inline-block;text-decoration:none;position:relative}.page-sitemap-base .sitemap-01 a::after,.page-sitemap-base .sitemap-02 a::after,.page-sitemap-base .sitemap-03 a::after,.page-sitemap-base .sitemap-04 a::after,.page-sitemap-base .sitemap-05 a::after,.page-sitemap-base .sitemap-06 a::after,.page-sitemap-base .sitemap-07 a::after,.page-sitemap-base .sitemap-08 a::after{content:"";width:100%;height:2px;background:#036eb8;position:absolute;left:0;bottom:1px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.page-sitemap-base .sitemap-01 a:hover::after,.page-sitemap-base .sitemap-02 a:hover::after,.page-sitemap-base .sitemap-03 a:hover::after,.page-sitemap-base .sitemap-04 a:hover::after,.page-sitemap-base .sitemap-05 a:hover::after,.page-sitemap-base .sitemap-06 a:hover::after,.page-sitemap-base .sitemap-07 a:hover::after,.page-sitemap-base .sitemap-08 a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.notfound-base{padding:0 0 100px;margin:100px 0 0;background:#fff}.notfound-img{width:350px;padding:0;margin:0 auto;text-align:center}.notfound-img img{width:100%;height:auto}.pickup-area{box-sizing:content-box;width:100%;padding:40px 0;margin:122px 0 0;background:#f2f7fa;top:180px;-webkit-box-sizing:content-box}.appli-base{display:flex;justify-content:space-between;max-width:1200px;padding:40px 0 150px;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify}.appli-base .appli-contents{width:69%;padding:0;margin:0;text-align:left}.appli-base .appli-contents img{max-width:100%;height:auto}.appli-base .appli-side{list-style:none;width:27%;padding:0;margin:0;text-align:left}.appli-base .appli-side img{width:100%;height:auto;padding:0;margin:0 0 10px}.appli-base .appli-side .side-banner{padding:0;margin:0 0 15px}.appli-base .appli-side .side-banner img{width:100%;height:auto}.appli-base .appli-side .side-banner-02{padding:0;margin:20px 0 0}.appli-base .appli-side .side-banner-02 img{width:100%;height:auto}.appli-base-02{box-sizing:border-box;max-width:1000px;padding:60px 10px 150px;margin:0 auto;-webkit-box-sizing:border-box}.appli-base-02 .appli-contents-02{padding:0;margin:80px 0 0;text-align:left}.appli-base-03{box-sizing:border-box;max-width:1200px;padding:60px 10px 150px;margin:0 auto;-webkit-box-sizing:border-box}.appli-base-03 .appli-contents-03{padding:0;margin:20px 0 0;text-align:left}.side-contents{padding:0;margin:30px 0 0}.side-contents li{display:flex;justify-content:space-between;padding:0 0 15px;margin:0 0 15px;border-bottom:1px solid #ddd;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify}.side-contents li .side-img{box-sizing:border-box;width:80px;height:80px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.side-contents li .side-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.side-contents li .side-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.side-contents li .side-text{width:68%;font-size:14px;line-height:1.7}.side-contents li .side-text a:hover{text-decoration:underline}.side-contents li .side-date{padding:0 0 0 22px;margin:-3px 0 13px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 4px;font-size:13px}div.press{min-width:100px;padding:2px 7px;background:#ff5800;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}div.column{width:100px;padding:2px 7px;background:#e50012;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}div.event,div.column-2,div.report,div.uncategorized,div.feature,div.contact{width:100px;padding:2px 7px;background:#036eb8;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.press-top-contents{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.press-top-contents li{width:31%;padding:0;margin:0 0 70px}.press-top-contents li .press-img{box-sizing:border-box;width:100%;height:160px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.press-top-contents li .press-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.press-top-contents li .press-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.press-top-contents li .press-top-date{padding:0 0 0 22px;margin:15px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 7px;font-size:14px}.press-top-contents li .press-top-title{padding:0;margin:10px 0 0;background-position:0 7px;font-size:16px;font-weight:bold;line-height:1.7}.press-top-contents li .press-top-title a:hover{text-decoration:underline}.pressrelease-top-contents{display:flex;flex-wrap:wrap;justify-content:space-between;padding:40px 0 0;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.pressrelease-top-contents li{width:31%;padding:0;margin:0 0 70px}.pressrelease-top-contents li .press-img{box-sizing:border-box;width:100%;height:160px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.pressrelease-top-contents li .press-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.pressrelease-top-contents li .press-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.pressrelease-top-contents li .press-img div.press{min-width:100px;padding:2px 7px;background:#ff5800;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.pressrelease-top-contents li .press-img div.column{width:100px;padding:2px 7px;background:#e50012;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.pressrelease-top-contents li .press-top-date{padding:0 0 0 22px;margin:15px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 7px;font-size:14px}.pressrelease-top-contents li .press-top-title{padding:0;margin:10px 0 0;background-position:0 7px;font-size:16px;font-weight:bold;line-height:1.7}.pressrelease-top-contents li .press-top-title a:hover{text-decoration:underline}.press-top-contents::after,.pressrelease-top-contents::after{content:"";display:block;width:31%}.page-navi{padding:0;margin:0 0 50px;text-align:center}.page-contents-title{padding:0;margin:0;font-size:34px;font-weight:bold;line-height:1.6;text-align:left}.page-contents-date{padding:0 0 0 22px;margin:20px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 8px;font-size:14px}.page-contents-eyecatch{padding:0;margin:70px 0 0}.page-contents-textarea{max-width:100%;padding:0;margin:30px 0 0;text-align:left}.page-contents-textarea h2.heading02{padding:2px 0 2px 20px;margin:20px 0;font-size:26px;font-weight:bold;line-height:1.4;position:relative}.page-contents-textarea h2.heading02:before{content:"";width:8px;height:calc(100% - 10px);background-color:#036eb8;border-radius:4px;position:absolute;top:5px;left:0}.page-contents-textarea h3.heading03{margin:20px 0;font-size:20px;font-weight:bold;line-height:1.5}.page-category-area{padding:0;margin:80px 0 0;text-align:left}.page-category-area .cate-heading{padding:0 0 0 25px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-category.svg) no-repeat;background-position:0 5px;font-size:14px;font-weight:bold}.page-category-area .cate-text{padding:0;margin:0;font-size:15px}.page-category-area .cate-text a{display:inline-block;padding:0;margin:0;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.page-category-area .cate-text a::after{content:"";width:100%;height:2px;background:#036eb8;position:absolute;left:0;bottom:3px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.page-category-area .cate-text a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.page-tag-area{padding:0;margin:30px 0 0;text-align:left}.page-tag-area .tag-heading{padding:0 0 0 25px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-tag.svg) no-repeat;background-position:0 5px;font-size:14px;font-weight:bold}.page-tag-area .tag-button{display:inline-block;height:28px;padding:0 15px;margin:5px 10px 5px 0;background-color:#f7f7f7;border:1px solid #ddd;border-radius:18px;font-size:14px;line-height:25px;text-align:center}.page-tag-area .tag-button::before,.page-tag-area .tag-button::after{content:"";display:block;position:absolute;z-index:-1}.page-tag-area .tag-button,.page-tag-area .tag-button::before,.page-tag-area .tag-button::after{box-sizing:border-box;transition:all .5s;-webkit-box-sizing:border-box;-webkit-transition:all .5s}.page-tag-area .tag-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.page-bottom-navi{display:flex;justify-content:space-between;padding:0;margin:80px 0 0;-webkit-box-pack:justify;-ms-flex-pack:justify}.page-bottom-navi .navi-left{width:38%;padding:0;margin:0;text-align:left}.page-bottom-navi .navi-left .navi-left-title{padding:0 0 0 15px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-prev.svg) no-repeat;background-position:0 10px;font-weight:bold}.page-bottom-navi .navi-left .navi-left-title a{display:inline-block;padding:0;margin:0;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.page-bottom-navi .navi-left .navi-left-title a::after{content:"";width:100%;height:2px;background:#036eb8;position:absolute;left:0;bottom:3px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.page-bottom-navi .navi-left .navi-left-title a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.page-bottom-navi .navi-left .navi-left-text{padding:0;margin:0;font-size:12px}.page-bottom-navi .navi-left .navi-left-text a:hover{text-decoration:underline}.page-bottom-navi .navi-right{width:38%;padding:0;margin:0;text-align:right}.page-bottom-navi .navi-right .navi-right-title{padding:0 15px 0 0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-next.svg) no-repeat;background-position:right 10px;font-weight:bold}.page-bottom-navi .navi-right .navi-right-title a{display:inline-block;padding:0;margin:0;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.page-bottom-navi .navi-right .navi-right-title a::after{content:"";width:100%;height:2px;background:#036eb8;position:absolute;left:0;bottom:3px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.page-bottom-navi .navi-right .navi-right-title a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.page-bottom-navi .navi-right .navi-right-text{padding:0;margin:0;font-size:12px;text-align:left}.page-bottom-navi .navi-right .navi-right-text a:hover{text-decoration:underline}select{padding:10px 20px;margin:20px 0 0;border-radius:6px}.appli-relate-base{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;padding:0;margin:30px 0 0;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.appli-relate-base li{display:flex;justify-content:space-between;width:47%;padding:0 0 15px;margin:0 0 15px;border-bottom:1px solid #ddd;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify}.appli-relate-base li .relate-img{box-sizing:border-box;width:80px;height:80px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.appli-relate-base li .relate-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.appli-relate-base li .relate-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.appli-relate-base li .relate-text{width:68%;font-size:14px;line-height:1.7}.appli-relate-base li .relate-text a:hover{text-decoration:underline}.appli-relate-base li .relate-date{padding:0 0 0 22px;margin:-3px 0 13px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 4px;font-size:13px}.pagination{clear:both;padding:0;font-size:14px;line-height:14px;text-align:center;position:relative}.pagination-box{display:inline-block}.pagination span,.pagination a{float:left;display:block;width:auto;padding:10px 12px 10px 12px;margin:20px 8px 0;background:#f2f7fa;border-radius:3px;box-shadow:2px 2px 2px #ccc;color:#333;text-decoration:none;-webkit-box-shadow:2px 2px 2px #ccc}.pagination a:hover{background:#036eb8;color:#fff}.pagination .current{padding:10px 12px 10px 12px;background:#036eb8;color:#fff}.search-error{margin:100px 0 150px;text-align:center}.search-result-contents{padding:0;margin:40px 0 0}.search-result-contents li{display:flex;justify-content:space-between;padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #ccc;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify}.search-result-contents li .search-img{box-sizing:border-box;width:140px;height:100px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.search-result-contents li .search-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.search-result-contents li .search-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.search-result-contents li .search-title{width:80%;font-size:15px;font-weight:bold;line-height:1.6}.search-result-contents li .search-title a:hover{text-decoration:underline}.search-result-contents li .search-title .search-date{padding:0 0 0 22px;margin:5px 0 13px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 4px;font-size:13px;font-weight:normal}.column-author-area{box-sizing:border-box;width:100%;padding:30px 50px 40px;margin:50px 0 0;background:#f2f2f2;text-align:left;-webkit-box-sizing:border-box}.column-author-area .column-author-heading{padding:0 0 10px;margin:0;border-bottom:1px solid #036eb8;font-size:20px;font-weight:bold}.column-author-area .column-textarea{display:flex;justify-content:space-between;padding:0;margin:30px 0 0;-webkit-box-pack:justify;-ms-flex-pack:justify}.column-author-area .column-image{width:120px;padding:0;margin:0}.column-author-area .column-image img{width:120px;height:120px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.column-author-area .column-text{width:78%;padding:0;margin:0;line-height:1.7}.column-author-area .column-text .column-author01{padding:0;margin:0 0 10px;font-size:18px}.column-author-area .column-text .column-link{padding:0 0 0 25px;margin:10px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-columnlink.svg) no-repeat;background-position:0 7px;font-size:15px}.column-button-area{padding:0;margin:10px 0 0;text-align:right}.bosyu-list{padding:0;margin:30px 0 0;font-size:20px;font-weight:bold}.bosyu-list li{padding:0 0 0 35px;margin:20px 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-check-blue.svg) no-repeat;background-position:0 10px}.bottom-pagenation{padding:0;margin:50px 0 0}.mailmagazine-thanks{max-width:90%;padding:0;margin:80px auto}.page-contents-textarea{word-break:break-all}.page-contents-textarea hr{margin-bottom:16px;margin-bottom:1rem;border:0;border-top:1px solid #e9e9e9}.page-contents-textarea img{vertical-align:middle;max-width:100%;height:auto}.page-contents-textarea b,.page-contents-textarea strong{font-weight:bold}.page-contents-textarea blockquote{clear:both;padding:20px 25px;padding:1.25rem 1.5625rem;margin:20px 0 25px;margin:1.25rem 0rem 1.5625rem;border:1px solid #e9e9e9;border-left:4px solid #46a28d;box-shadow:2px 2px 13px #eee;-webkit-box-shadow:2px 2px 13px #eee}.page-contents-textarea blockquote p:last-child{margin-bottom:3px}.page-contents-textarea blockquote cite{margin-bottom:16px;margin-bottom:1rem;font-size:13px;font-style:normal}.page-contents-textarea dfn,.page-contents-textarea cite,.page-contents-textarea em,.page-contents-textarea i{font-style:italic}.page-contents-textarea figure{margin:0}.page-contents-textarea address{margin-bottom:16px;margin-bottom:1rem;font-style:normal;line-height:inherit}.page-contents-textarea tt,.page-contents-textarea kbd,.page-contents-textarea pre,.page-contents-textarea code,.page-contents-textarea samp,.page-contents-textarea var{padding:7px;padding:.4375rem;background-color:#f8f9f9;border-radius:2px;font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}.page-contents-textarea pre{max-width:100%;padding:16px;padding:1rem;margin:0 0 16px;margin:0rem 0rem 1rem;overflow:auto;line-height:1.7;white-space:pre-wrap}.page-contents-textarea details summary{margin-bottom:16px;margin-bottom:1rem;font-weight:bold}.page-contents-textarea details :focus{outline:none}.page-contents-textarea abbr,.page-contents-textarea acronym,.page-contents-textarea dfn{border-bottom:1px dotted #e9e9e9;cursor:help;font-size:15px;font-size:.9375rem;letter-spacing:1px;text-transform:uppercase}.page-contents-textarea mark{background-color:#f8f9f9;text-decoration:none}.page-contents-textarea small{font-size:82%}.page-contents-textarea big{font-size:125%}.page-contents-textarea table{box-sizing:border-box;width:100%;max-width:100%;margin:20px auto 0;margin-bottom:16px;margin-bottom:1rem;border:1px solid #e9e9e9;-webkit-box-sizing:border-box}.page-contents-textarea table th,.page-contents-textarea table td{vertical-align:top;padding:12px;padding:.75rem;border:1px solid #e9e9e9;line-height:1.5}.page-contents-textarea table thead th,.page-contents-textarea table thead td{vertical-align:bottom;border-bottom:2px solid #e9e9e9}.page-contents-textarea table tbody+tbody{border-top:2px solid #e9e9e9}.page-contents-textarea .alignleft{float:left;display:inline;margin-right:1.5em}.page-contents-textarea .alignright{float:right;display:inline;margin-left:1.5em}.page-contents-textarea .aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.page-contents-textarea .clear:before,.page-contents-textarea .clear:after,.page-contents-textarea .entry-content:before,.page-contents-textarea .entry-content:after,.page-contents-textarea .comment-content:before,.page-contents-textarea .comment-content:after,.page-contents-textarea .site-header:before,.page-contents-textarea .site-header:after,.page-contents-textarea .site-content:before,.page-contents-textarea .site-content:after,.page-contents-textarea .site-footer:before,.page-contents-textarea .site-footer:after{content:"";display:table}.page-contents-textarea .clear:after,.page-contents-textarea .entry-content:after,.page-contents-textarea .comment-content:after,.page-contents-textarea .site-header:after,.page-contents-textarea .site-content:after,.page-contents-textarea .site-footer:after{clear:both}.page-contents-textarea .wp-caption{max-width:100%;margin-bottom:1.5em}.page-contents-textarea .wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.page-contents-textarea .wp-caption .wp-caption-text,.page-contents-textarea .wp-caption-dd{margin:.8075em 0;font-style:italic}.page-contents-textarea .wp-caption-text,.page-contents-textarea .wp-caption-dd{text-align:center}.page-contents-textarea .gallery{margin-bottom:1.5em}.page-contents-textarea .gallery-item{display:inline-block;vertical-align:top;width:100%;text-align:center}.page-contents-textarea .gallery-columns-2 .gallery-item{max-width:50%}.page-contents-textarea .gallery-columns-2 .gallery-item img{width:100%;padding:.5px}.page-contents-textarea .gallery-columns-3 .gallery-item{max-width:33.33%}.page-contents-textarea .gallery-columns-3 .gallery-item img{width:100%;padding:.5px}.page-contents-textarea .gallery-columns-4 .gallery-item{max-width:25%}.page-contents-textarea .gallery-columns-4 .gallery-item img{width:100%;padding:.5px}.page-contents-textarea .gallery-columns-5 .gallery-item{max-width:20%}.page-contents-textarea .gallery-columns-5 .gallery-item img{width:100%;padding:.5px}.page-contents-textarea .gallery-columns-6 .gallery-item{max-width:16.66%}.page-contents-textarea .gallery-columns-6 .gallery-item img{width:100%;padding:.5px}.page-contents-textarea .gallery-columns-7 .gallery-item{max-width:14.28%}.page-contents-textarea .gallery-columns-8 .gallery-item{max-width:12.5%}.page-contents-textarea .gallery-columns-9 .gallery-item{max-width:11.11%}.page-contents-textarea .gallery-caption{display:block}.page-contents-textarea .page-content .wp-smiley,.page-contents-textarea .entry-content .wp-smiley,.page-contents-textarea .comment-content .wp-smiley{padding:0;margin-top:0;margin-bottom:0;border:none}.page-contents-textarea embed,.page-contents-textarea iframe,.page-contents-textarea object{max-width:100%}.pagination{display:flex;justify-content:center;align-items:center;margin:20px auto 0;text-align:center;-webkit-box-align:center;-webkit-box-pack:center;-ms-flex-align:center;-ms-flex-pack:center}.pagination .page-numbers{padding:10px 12px;margin-right:10px;background:#f2f7fa;border-radius:3px;box-shadow:2px 2px 2px #ccc;color:#333;-webkit-box-shadow:2px 2px 2px #ccc}.pagination .current{padding:10px 12px;background:#036eb8;color:#fff}.pagination .prev,.pagination .next{padding:10px 12px;background:rgba(0,0,0,0);background:#f2f7fa;border-radius:3px;box-shadow:none;box-shadow:2px 2px 2px #ccc;color:#036eb8;color:#333;-webkit-box-shadow:none;-webkit-box-shadow:2px 2px 2px #ccc}.pagination .dots{background:rgba(0,0,0,0);box-shadow:none;-webkit-box-shadow:none}.partner-base{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:0;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.partner-base li{width:47%;padding:0;margin:60px 0 0;text-align:left}.partner-heading{padding:0 0 10px;margin:0 0 0;border-bottom:3px solid #002f7c;font-size:26px;font-weight:bold}.partner-box{display:flex;justify-content:space-between;padding:0 0 60px;margin:25px 0 0;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify}.partner-box .partner-image{width:25%;padding:0;margin:0}.partner-box .partner-image img{width:100%;height:auto}.partner-box .partner-text{width:70%;padding:0;margin:-10px 0 0}.page-applisitemap-base{box-sizing:border-box;display:flex;justify-content:space-between;max-width:800px;padding:80px 0 0 10%;margin:0 auto;text-align:left;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.page-applisitemap-base li{width:50%;padding:0;margin:0}.page-applisitemap-base .applisitemap-01{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-01.svg) no-repeat;background-position:3px 12px}.page-applisitemap-base .applisitemap-02{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-02.svg) no-repeat;background-position:0 8px}.page-applisitemap-base .applisitemap-03{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-03.svg) no-repeat;background-position:0 12px}.page-applisitemap-base .applisitemap-04{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-04.svg) no-repeat;background-position:3px 10px}.page-applisitemap-base .applisitemap-05{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-05.svg) no-repeat;background-position:0 10px}.page-applisitemap-base .applisitemap-06{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-06.svg) no-repeat;background-position:0 10px;position:relative}.page-applisitemap-base .applisitemap-07{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-07.svg) no-repeat;background-position:0 12px;position:relative}.page-applisitemap-base .applisitemap-08{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-08.svg) no-repeat;background-position:3px 7px;position:relative}.page-applisitemap-base .applisitemap-08::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);position:absolute;top:10%;left:115px}.page-applisitemap-base .applisitemap-09{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-09.svg) no-repeat;background-position:2px 8px;position:relative}.page-applisitemap-base .applisitemap-09::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);position:absolute;top:10%;left:215px}.page-applisitemap-base .applisitemap-10{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-10.svg) no-repeat;background-position:2px 8px;position:relative}.page-applisitemap-base .applisitemap-01 a,.page-applisitemap-base .applisitemap-02 a,.page-applisitemap-base .applisitemap-03 a,.page-applisitemap-base .applisitemap-04 a,.page-applisitemap-base .applisitemap-05 a,.page-applisitemap-base .applisitemap-06 a,.page-applisitemap-base .applisitemap-07 a,.page-applisitemap-base .applisitemap-08 a,.page-applisitemap-base .applisitemap-09 a,.page-applisitemap-base .applisitemap-10 a{display:inline-block;text-decoration:none;position:relative}.page-applisitemap-base .applisitemap-01 a::after,.page-applisitemap-base .applisitemap-02 a::after,.page-applisitemap-base .applisitemap-03 a::after,.page-applisitemap-base .applisitemap-04 a::after,.page-applisitemap-base .applisitemap-05 a::after,.page-applisitemap-base .applisitemap-06 a::after,.page-applisitemap-base .applisitemap-07 a::after,.page-applisitemap-base .applisitemap-08 a::after,.page-applisitemap-base .applisitemap-09 a::after,.page-applisitemap-base .applisitemap-10 a::after{content:"";width:100%;height:2px;background:#002f7c;position:absolute;left:0;bottom:1px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.page-applisitemap-base .applisitemap-01 a:hover::after,.page-applisitemap-base .applisitemap-02 a:hover::after,.page-applisitemap-base .applisitemap-03 a:hover::after,.page-applisitemap-base .applisitemap-04 a:hover::after,.page-applisitemap-base .applisitemap-05 a:hover::after,.page-applisitemap-base .applisitemap-06 a:hover::after,.page-applisitemap-base .applisitemap-07 a:hover::after,.page-applisitemap-base .applisitemap-08 a:hover::after,.page-applisitemap-base .applisitemap-09 a:hover::after,.page-applisitemap-base .applisitemap-10 a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.u-mt-xxsmall{margin:5px 0 0}.u-mt-xsmall{margin:10px 0 0}.u-mt-small{margin:20px 0 0}.u-mt{margin:30px 0 0}.u-mt-large{margin:40px 0 0}.u-mt-xlarge{margin:50px 0 0}.u-mt-xxlarge{margin:60px 0 0}.u-mt-xxxlarge{margin:100px 0 0}.u-mr-xxsmall{margin:0 5px 0 0}.u-mr-xsmall{margin:0 10px 0 0}.u-mr-small{margin:0 20px 0 0}.u-mr{margin:0 30px 0 0}.u-mr-large{margin:0 40px 0 0}.u-mr-xlarge{margin:0 50px 0 0}.u-mr-xxlarge{margin:0 60px 0 0}.u-mb-xxsmall{margin:0 0 5px 0}.u-mb-xsmall{margin:0 0 10px 0}.u-mb-small{margin:0 0 20px 0}.u-mb{margin:0 0 30px 0}.u-mb-large{margin:0 0 40px 0}.u-mb-xlarge{margin:0 0 50px 0}.u-mb-xxlarge{margin:0 0 60px 0}.u-ml-xxsmall{margin:0 0 0 5px}.u-ml-xsmall{margin:0 0 0 10px}.u-ml-small{margin:0 0 0 20px}.u-ml{margin:0 0 0 30px}.u-ml-large{margin:0 0 0 40px}.u-ml-xlarge{margin:0 0 0 50px}.u-ml-xxlarge{margin:0 0 0 60px}.align_c{text-align:center}.align_r{text-align:right}.align_l{text-align:left}.flo_l{float:left}.flo_r{float:right}.cboth{clear:both}span.suptext{vertical-align:top;font-size:75.5%;position:relative;top:-0.1em}span.subtext{vertical-align:bottom;font-size:75.5%;position:relative;top:.1em}a{color:#000}a:hover img{background:none !important;opacity:.8;cursor:pointer;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=70 )"}.link a{color:#036eb8}.link a:hover{color:#036eb8;text-decoration:underline}a.link{color:#036eb8}a:hover.link{color:#036eb8;text-decoration:underline}.header{width:100%;height:80px;padding:0;background:none;position:absolute;top:0;left:0;z-index:9999;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}.header .inbox{width:98%;height:80px;padding:0 1%;margin:0 auto;background:none;text-align:left;position:relative;top:0}.header .inbox .h-logoarea{display:inline-block;vertical-align:top;width:275px;padding:0;margin:20px 0 0;text-align:left}.header .inbox .h-logoarea img{width:100%}.header .inbox .h-logoarea img:hover{background:none;opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=70 )"}.header .inbox .h-rightbox{float:right;max-width:710px;padding:0;margin:0 80px 0 0}.header-appli{width:100%;height:80px;padding:0;padding:0;margin:0;background:#fff;position:fixed;z-index:9999;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}.header-appli .inbox{width:98%;height:80px;padding:0 1%;margin:0 auto;background:none;text-align:left;top:0}.header-appli .inbox .h-logoarea{display:inline-block;vertical-align:top;width:350px;padding:0;margin:18px 0 0;text-align:left}.header-appli .inbox .h-logoarea img{width:100%}.header-appli .inbox .h-logoarea img:hover{background:none;opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=70 )"}.header-appli .inbox .h-rightbox{display:inline-block;max-width:340px;padding:0;margin:27px 0 0 30px;font-size:13px}#gnav>ul{display:table;padding-left:0;margin:5px 0 0;right:0}#gnav>ul{box-sizing:border-box;-webkit-box-sizing:border-box}#gnav>ul>li:first-child{display:table-cell;padding:0 60px 0 0;margin:0}#gnav>ul>li{display:table-cell;padding:0 50px 0 0;margin:0}#gnav>ul>li img{width:90%}#gnav>ul>li:hover{cursor:pointer;color:#000}#gnav>ul>li:hover>a{opacity:1;color:#000}#gnav>ul>li:hover .menu{max-height:9999px;opacity:1}#gnav>ul>li>a{display:inline-block;padding:0;margin:5px 0 0 0;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}#gnav>ul>li>a::after{content:"";width:90%;height:2px;background:#036eb8;position:absolute;left:0;bottom:4px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}#gnav>ul>li>a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}#headbar{width:100%;position:fixed;top:0;left:0;z-index:999}#header-scroll{width:100%;height:80px;background:rgba(255,255,255,.8);border-bottom:1px solid #ccc;color:#000;position:absolute;top:0;left:0;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}#header-scroll .inbox{width:98%;height:80px;padding:0 1%;margin:0 auto;background:none;text-align:left;position:relative;top:0}#header-scroll .inbox .h-logoarea{display:inline-block;vertical-align:top;width:275px;padding:0;margin:22px 0 0;text-align:left}#header-scroll .inbox .h-logoarea img{width:100%}#header-scroll .inbox .h-logoarea img:hover{background:none;opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=70 )"}#header-scroll .inbox .h-rightbox{float:right;max-width:710px;padding:0;margin:0 80px 0 0}#header-scroll #gnav-scroll>ul{display:table;padding-left:0;margin:5px 0 0;right:0}#header-scroll #gnav-scroll>ul{box-sizing:border-box;-webkit-box-sizing:border-box}#header-scroll #gnav-scroll>ul>li:first-child{display:table-cell;padding:0 60px 0 0;margin:0}#header-scroll #gnav-scroll>ul>li{display:table-cell;padding:0 50px 0 0;margin:0}#header-scroll #gnav-scroll>ul>li img{width:90%}#header-scroll #gnav-scroll>ul>li:hover{cursor:pointer;color:#000}#header-scroll #gnav-scroll>ul>li:hover>a{opacity:1;color:#000}#header-scroll #gnav-scroll>ul>li:hover .menu{max-height:9999px;opacity:1}#header-scroll #gnav-scroll>ul>li>a{display:inline-block;padding:0;margin:5px 0 0 0;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}#header-scroll #gnav-scroll>ul>li>a::after{content:"";width:90%;height:2px;background:#036eb8;position:absolute;left:0;bottom:4px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}#header-scroll #gnav-scroll>ul>li>a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}#header-scroll .header-appli-scroll{width:100%;height:80px;padding:0;background:none;top:0;left:0;z-index:9999;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}#header-scroll .header-appli-scroll .inbox{width:98%;height:80px;padding:0 1%;margin:0 auto;background:none;text-align:left;top:0}#header-scroll .header-appli-scroll .inbox .h-logoarea{display:inline-block;vertical-align:top;width:350px;padding:0;margin:18px 0 0;text-align:left}#header-scroll .header-appli-scroll .inbox .h-logoarea img{width:100%}#header-scroll .header-appli-scroll .inbox .h-logoarea img:hover{background:none;opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=70 )"}#header-scroll .header-appli-scroll .inbox .h-rightbox-scroll{display:inline-block;max-width:340px;padding:0;margin:27px 0 0 30px;font-size:13px}.appli-navi{width:98%;padding:5px 1% 2px;margin:0;background:#fff;border-top:1px solid #999;border-bottom:1px solid #999;position:fixed;top:80px;z-index:9999}.appli-navi .applinavi-in{display:flex;justify-content:space-between;max-width:1200px;padding:0;margin:0 auto;font-size:14px;font-weight:bold;-webkit-box-pack:justify;-ms-flex-pack:justify}.appli-navi .applinavi-in li{padding:0;margin:0}.appli-navi .applinavi-in li>a.navi-link{display:inline-block;padding:0;margin:0;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.appli-navi .applinavi-in li>a.navi-link::after{content:"";width:100%;height:2px;background:#002f7c;position:absolute;left:0;bottom:1px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.appli-navi .applinavi-in li>a.navi-link:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.appli-navi .applinavi-in li>a.appservice{display:inline-block;padding:0 0 0 23px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-arrow-blk.svg) no-repeat;background-position:0 6px;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.appli-navi .applinavi-in li>a.appservice::after{content:"";width:100%;height:2px;background:#002f7c;position:absolute;left:0;bottom:1px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.appli-navi .applinavi-in li>a.appservice:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.appli-navi .applinavi-in li a.navi-search:hover{opacity:.5;transition:all .5s;-webkit-transition:all .5s}.appli-navi .applinavi-in li.navi-last{padding:3px 0 0;margin:0;position:relative}.appli-navi .applinavi-in li.navi-last .open-btn{width:50px;height:30px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-search.svg) no-repeat 20px 3px;background-size:20px 20px;cursor:pointer}.appli-navi .applinavi-in li.navi-last .open-btn.btnactive{background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon_close.svg) no-repeat 20px 3px;background-size:18px 18px}.appli-navi .applinavi-in li.navi-last #search-wrap{width:0;border-radius:8px;opacity:0;position:absolute;top:0;right:0;z-index:-1;transition:all .4s;-webkit-transition:all .4s}.appli-navi .applinavi-in li.navi-last #search-wrap.panelactive{width:280px;padding:20px;background:#eee;box-shadow:3px 3px 3px rgba(0,47,124,.5);opacity:1;top:38px;right:0;z-index:3;-webkit-box-shadow:3px 3px 3px rgba(0,47,124,.5)}.appli-navi .applinavi-in li.navi-last #search-wrap #searchform{display:none}.appli-navi .applinavi-in li.navi-last #search-wrap.panelactive #searchform{display:block}.appli-navi .applinavi-in li.navi-last #search-wrap input{cursor:pointer;outline:none;color:#666;-webkit-appearance:none}.appli-navi .applinavi-in li.navi-last #search-wrap input[type=text]{width:100%;height:46px;padding:10px;border:none;border-bottom:2px solid #ccc;letter-spacing:.05em;transition:all .5s;-webkit-transition:all .5s}.appli-navi .applinavi-in li.navi-last #search-wrap input[type=text]:focus{background:#fff}.appli-navi .applinavi-in li.navi-last #search-wrap input[type=submit]{width:30px;height:60px;text-indent:-9999px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-search.svg) no-repeat right;background-size:20px 20px;border:none;position:absolute;top:12px;right:30px}.footer-pagebottom-contact{min-height:250px;padding:60px 0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-bg-pagebtm-contact.jpg) no-repeat;background-position:center 0;background-size:cover;position:relative;z-index:0}.footer-pagebottom-contact::before{content:"";display:block;background-color:#036eb8;opacity:.7;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.footter-pagebottom-heading{padding:0;margin:60px auto 50px;font-size:30px;text-align:center}.footer-base-area{width:100%;padding:50px 0 50px;margin:0;background:#f2f7fa;text-align:left}.footerbox{display:flex;justify-content:space-between;max-width:1200px;padding:0;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify}.footerbox .footer-logo-area{width:250px;padding:0;margin:0 0 0 10px;text-align:left}.footerbox .footer-logo-area img{width:100%;height:auto}.footerbox .footer-menubox{display:flex;justify-content:space-between;width:700px;padding:0;margin:2px 0 0;font-size:15px;-webkit-box-pack:justify;-ms-flex-pack:justify}.footer-contact-base{max-width:1200px;padding:0 0 0 10px;margin:20px auto 0;text-align:left}.footer-contact-base .footer-contact-box{max-width:300px;padding:15px 20px;margin:0;border:1px solid #000}.f-menu{width:100%;max-width:1050px;height:20px;margin:0 auto;position:relative}.f-menu>li{float:left;width:16.666%;height:40px;background:rgba(255,255,255,0);line-height:50px}.f-menu>li a{display:block;color:#000}.f-menu>li a:hover{color:#333}ul.menu__second-level{opacity:0;z-index:1;visibility:hidden}.f-menu>li:hover{background:#fff;transition:all .5s;-webkit-transition:all .5s}.menu__second-level li{border-top:1px solid #fff;color:#fff}.menu__second-level li a{padding:10px 3px;color:#000;font-size:85%}.menu__second-level li a:hover{background:#eee}.f-menu:before,.f-menu:after{content:" ";display:table}.f-menu:after{clear:both}.f-menu{*zoom:1}.f-menu>li.menu__single{position:relative}li.menu__single ul.menu__second-level{width:100%;background:#036eb8;line-height:1.2;position:absolute;top:20px;transition:all .2s ease;-webkit-transition:all .2s ease}li.menu__single:hover ul.menu__second-level{opacity:1;top:40px;visibility:visible}.footer-copyright-box{width:100%;padding:10px 0 10px 0;margin:0 auto;background:#ddd;text-align:left}.footer-copyright-box .inbox{display:flex;justify-content:space-between;max-width:1200px;padding:0;margin:0 auto;color:#000;font-size:14px;-webkit-box-pack:justify;-ms-flex-pack:justify}.footer-copyright-box .footer-link-area{display:flex;justify-content:space-between;width:400px;padding:0;margin:0;text-align:right;-webkit-box-pack:justify;-ms-flex-pack:justify}.footer-copyright-box .footer-link{padding:0 17px 0 0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:right 9px}.footer-menulink a{display:inline-block;text-decoration:none;position:relative}.footer-menulink a::after{content:"";width:100%;height:2px;background:#036eb8;position:absolute;left:0;bottom:-2px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.footer-menulink a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.footer-appli-menulink a{display:inline-block;text-decoration:none;position:relative}.footer-appli-menulink a::after{content:"";width:100%;height:2px;background:#002f7c;position:absolute;left:0;bottom:-2px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.footer-appli-menulink a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.footer-appli-base-area{width:98%;padding:50px 1% 30px;margin:0;background:#002f7c;color:#fff;text-align:left}.footer-appli-box{display:flex;justify-content:space-between;max-width:1200px;padding:0;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify}.footer-appli-box .footer-logo-area{width:300px;padding:0;margin:0;font-size:14px;line-height:1.6;text-align:left}.footer-appli-box .footer-logo-area img{width:100%;height:auto}.footer-appli-box .footer-menubox{display:flex;flex-wrap:wrap;justify-content:space-between;width:375px;padding:0;margin:2px 0 0;font-size:15px;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.footer-appli-box .footer-menubox li{margin:0 0 10px}.footer-appli-box .footer-menubox li .footer-applimenu{margin:0 0 20px}.footer-appli-box .footer-menubox li .footer-applimenu>a{display:inline-block;padding:0;margin:0;color:#fff;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.footer-appli-box .footer-menubox li .footer-applimenu>a::after{content:"";width:100%;height:2px;background:#e50012;position:absolute;left:0;bottom:1px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.footer-appli-box .footer-menubox li .footer-applimenu>a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}#page-top,#form-page-top{position:fixed;right:12px;z-index:10}#page-top a,#form-page-top a{display:block;text-decoration:none}#page-top a:hover,#form-page-top a:hover{text-decoration:none}.header-contact-button{display:inline-block;vertical-align:top;width:110px;height:80px;padding:13px 0 0;background-color:#f05454;outline:none;color:#fff;font-size:16px;line-height:80px;text-align:center;text-decoration:none;position:absolute;right:0}.header-contact-button::before,.header-contact-button::after{content:"";display:block;position:absolute;z-index:-1}.header-contact-button,.header-contact-button::before,.header-contact-button::after{box-sizing:border-box;transition:all .5s;-webkit-box-sizing:border-box;-webkit-transition:all .5s}.header-contact-button:hover{background-color:#ff9696}.top-button{display:inline-block;width:640px;padding:15px 0;background-color:#f05454;border-radius:50px;color:#fff;font-size:30px;text-align:center;text-decoration:none;position:relative}.top-button::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-arrow-wh.svg);margin-top:-5px;position:absolute;top:12%;right:.5em;border-left-color:#fff}.top-button:hover{background-color:#ff9696;transition:all .5s;-webkit-transition:all .5s}.top-button:hover::after{animation:arrow .4s;-webkit-animation:arrow .4s}@keyframes arrow{50%{right:.2em}100%{right:.5em}}.top-contact-button{display:inline-block;width:450px;padding:15px 0;background:none;border:1px solid #fff;border-radius:50px;color:#fff;font-size:30px;text-align:center;text-decoration:none;position:relative}.top-contact-button::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-arrow-wh.svg);margin-top:-5px;position:absolute;top:12%;right:.5em;border-left-color:#fff}.top-contact-button:hover{background-color:rgba(255,255,255,.3);transition:all .5s;-webkit-transition:all .5s}.top-contact-button:hover::after{animation:arrow-contact .4s;-webkit-animation:arrow-contact .4s}@keyframes arrow-contact{50%{right:.2em}100%{right:.5em}}.download-button{display:inline-block;width:100%;height:54px;margin:20px 0 0;background-color:#fff;border:1px solid #036eb8;border-radius:8px;outline:none;color:#036eb8;line-height:54px;text-align:center;text-decoration:none}.download-button::before,.download-button::after{content:"";display:block;position:absolute;z-index:-1}.download-button,.download-button::before,.download-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.download-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.page-back-button{display:inline-block;height:54px;padding:0 20px;margin:0 10px;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:18px;line-height:52px;text-align:center;text-decoration:none}.page-back-button::before,.page-back-button::after{content:"";display:block;position:absolute;z-index:-1}.page-back-button,.page-back-button::before,.page-back-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.page-back-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.faq-index-button{display:inline-block;width:100%;height:60px;padding:0 20px;margin:0;background-color:#036eb8;border:1px solid #036eb8;border-radius:8px;outline:none;color:#fff;font-size:22px;line-height:58px;text-align:center;text-decoration:none}.faq-index-button::before,.faq-index-button::after{content:"";display:block;position:absolute;z-index:-1}.faq-index-button,.faq-index-button::before,.faq-index-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.faq-index-button:hover{background-color:#fff;border:1px solid #036eb8;color:#036eb8}.column-button{display:inline-block;height:40px;padding:0 20px;margin:0 10px;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:16px;line-height:38px;text-align:center;text-decoration:none}.column-button::before,.column-button::after{content:"";display:block;position:absolute;z-index:-1}.column-button,.column-button::before,.column-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.column-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.partner-button{display:inline-block;height:40px;padding:0 20px;margin:0 10px;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:16px;line-height:38px;text-align:center;text-decoration:none;position:absolute;right:0;bottom:0}.partner-button::before,.partner-button::after{content:"";display:block;position:absolute;z-index:-1}.partner-button,.partner-button::before,.partner-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.partner-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.notfound-button{display:inline-block;height:54px;padding:0 20px;margin:0 10px;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:16px;line-height:52px;text-align:center;text-decoration:none}.notfound-button::before,.notfound-button::after{content:"";display:block;position:absolute;z-index:-1}.notfound-button,.notfound-button::before,.notfound-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.notfound-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.footer-entry-btn-area{display:flex;justify-content:space-between;max-width:970px;padding:0;margin:80px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify}.footer-entry-btn-area li{width:400px;padding:0;margin:0}.formtb dl,.formtb dt,.formtb dd{padding:0;margin:0}.formtb dl{display:table;width:99%;border-style:none solid none solid}.formtb dl:last-child{border-style:none solid solid solid}.formtb dt{display:table-cell;vertical-align:top;padding:25px 0 10px}.formtb dd{display:table-cell;vertical-align:middle;width:75%;padding:20px 0;text-align:left}.form-must{width:50px;height:24px;padding:4px 7px;margin-top:-12px;margin-right:10px;background:#f05454;border-radius:6px;color:#fff;font-size:12px;line-height:24px;text-align:center}.downloadform-must{padding:0 0 0 55px;margin:30px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-must.svg) no-repeat;background-position:0 5px;text-align:left}.downloadform-must-01{padding:0 0 0 55px;margin:15px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-must.svg) no-repeat;background-position:0 5px;text-align:left}.form-note{padding:0;margin:2px 0 0;color:#555;font-size:11px;text-align:left}.input-01{width:100%;height:50px;padding-left:10px;background:#fff;border:1px solid #e1e1e1;border-radius:6px;font-size:15px}.input-02{width:35%;height:50px;padding-left:10px;background:#fff;border:1px solid #e1e1e1;border-radius:6px;font-size:15px}.form-date-txt{display:inline-block;width:20px;margin:0 15px 0 5px;font-size:15px}.inputmessage-01{width:100%;height:150px;padding:10px;margin:0;margin-left:0;background:#fff;border:1px solid #e1e1e1;border-radius:6px;font-size:15px}.input-01a{width:100%;height:40px;padding-left:10px;background:#fff;border:1px solid #e1e1e1;border-radius:6px;font-size:15px}.input-02a{width:35%;height:50px;padding-left:10px;background:#fff;border:1px solid #e1e1e1;border-radius:6px;font-size:15px}.downloadform-button-area{display:flex;justify-content:center;align-items:center;padding:0;margin:10px 0 0;text-align:center;-webkit-box-align:center;-webkit-box-pack:center;-ms-flex-align:center;-ms-flex-pack:center}.submit-button{display:inline-block;width:200px;padding:10px 0;margin:20px 0 0;background:#036eb8;border:none;border-radius:12px;color:#fff;font-size:16px}.submit-button:hover{width:200px;padding:10px 0;margin:20px 0 0;background:#0284de;border:none;border-radius:12px;cursor:pointer;color:#fff;font-size:16px}.back-button{display:inline-block;width:100px;padding:10px 0;margin:20px 15px 0;background:#999;border:none;border-radius:12px;color:#fff;font-size:16px}.back-button:hover{display:inline-block;width:100px;padding:10px 0;margin:20px 15px 0;background:#ccc;border:none;border-radius:12px;cursor:pointer;color:#fff;font-size:16px}.privacy-area{padding:0;margin:5px 0 0;font-size:14px;text-align:center}.mw_wp_form_confirm .formtb dd.input-text{padding:10px 0 0;margin:0}.top-contents-title{padding:0;margin:0;color:#fff;font-size:40px;font-weight:bold;text-align:center}.top-contents-title-02{display:inline-block;padding:0 70px;font-size:40px;font-weight:bold;position:relative}.top-contents-title-02:before,.top-contents-title-02:after{content:"";display:inline-block;width:45px;height:1px;background-color:#000;position:absolute;top:50%}.top-contents-title-02:before{left:0}.top-contents-title-02:after{right:0}.top-about-heading{padding:0;margin:0;color:#00ade1;font-size:26px;font-weight:bold;line-height:1.5;position:absolute;top:0;left:80px}.top-about-heading-02{padding:0;margin:0;color:#00ade1;font-size:26px;font-weight:bold;line-height:1.5;position:absolute;top:15px;left:80px}.appli-heading{border-bottom:solid 3px #ddd;font-size:24px;font-weight:bold;position:relative}.appli-heading:after{content:" ";display:block;width:14%;border-bottom:solid 3px #002f7c;position:absolute;bottom:-3px}.appli-side-heading{margin:30px 0 0;border-bottom:solid 3px #ddd;font-size:20px;font-weight:bold;position:relative}.appli-side-heading:after{content:" ";display:block;width:34%;border-bottom:solid 3px #002f7c;position:absolute;bottom:-3px}h2.page-heading{padding:3px 10px 3px 10px;margin:20px 0;font-size:26px;font-weight:bold;line-height:1.4;position:relative}h2.page-heading:before{content:"";width:8px;height:calc(100% - 10px);background-color:#036eb8;position:absolute;top:5px;left:0}.appli-relate-heading,.widgettitle{padding:0;margin:30px 0 0;border-bottom:solid 3px #ddd;font-size:24px;font-weight:bold;position:relative}.appli-relate-heading:after,.widgettitle:after{content:" ";display:block;width:14%;border-bottom:solid 3px #002f7c;position:absolute;bottom:-3px}.appli-search-heading{border-bottom:solid 3px #ddd;font-size:24px;font-weight:bold;position:relative}.appli-search-heading :after{content:" ";display:block;width:14%;border-bottom:solid 3px #002f7c;position:absolute;bottom:-3px}.bosyu-heading-base{padding:0;margin:0;background:#ebebeb;color:#002f7c;font-size:30px;font-weight:bold;text-align:left}.bosyu-heading-base .bosyu-heading{padding:10px 0 10px 150px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-bosyu.svg) no-repeat}.partner-heading-base{padding:0;margin:0;background:#ebebeb;color:#002f7c;font-size:30px;font-weight:bold;text-align:left}.partner-heading-base .partner-heading{padding:10px 0 10px 150px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-partner.svg) no-repeat}.mailmagazine-heading-base{padding:0;margin:0;background:#ebebeb;color:#002f7c;font-size:30px;font-weight:bold;text-align:left}.mailmagazine-heading-base .mailmagazine-heading{padding:10px 0 10px 150px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-mailmagazine.svg) no-repeat}.applisitemap-heading-base{padding:0;margin:0;background:#ebebeb;color:#002f7c;font-size:30px;font-weight:bold;text-align:left}.applisitemap-heading-base .applisitemap-heading{padding:10px 0 10px 150px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap.svg) no-repeat}.slider{width:100%;height:92vh;padding:0;margin:0;position:relative}.main-catch-area{max-width:1200px;padding:0;margin:280px auto 0;position:relative}.main-catch-area-02{max-width:1200px;padding:0;margin:280px auto 0;position:relative}p.main-catch-01{border-right:solid 7px rgba(0,173,225,.8);overflow:hidden;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#000;font-size:40px;font-weight:bold;line-height:1.3;text-align:left;text-shadow:2px 2px 2px #fff,-2px -2px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff,2px 0 2px #fff,-2px 0 2px #fff,0 2px 2px #fff,0 -2px 2px #fff;white-space:nowrap}p.main-catch-01{animation:animated-text 1.2s steps(13, end) 1s 1 normal both,animated-cursor 2500ms steps(13, end) infinite;-webkit-animation:animated-text 1.2s steps(13, end) 1s 1 normal both,animated-cursor 2500ms steps(13, end) infinite}@keyframes animated-text{from{width:0}to{width:530px}}@keyframes animated-cursor{from{border-right-color:rgba(0,173,225,.9)}to{border-right-color:rgba(0,0,0,0)}}p.main-catch-02{margin:20px 0 0;border-right:solid 7px rgba(0,173,225,.9);overflow:hidden;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#000;font-size:40px;font-weight:bold;line-height:1.3;text-align:left;text-shadow:2px 2px 2px #fff,-2px -2px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff,2px 0 2px #fff,-2px 0 2px #fff,0 2px 2px #fff,0 -2px 2px #fff;white-space:nowrap}p.main-catch-02{animation:animated-text-02 1s steps(10, end) 1s 1 normal both,animated-cursor-02 2500ms steps(10, end) infinite;-webkit-animation:animated-text-02 1s steps(10, end) 1s 1 normal both,animated-cursor-02 2500ms steps(10, end) infinite}@keyframes animated-text-02{from{width:0}to{width:1150px}}@keyframes animated-cursor-02{from{border-right-color:rgba(0,173,225,.9)}to{border-right-color:rgba(0,0,0,0)}}.main-bottom-area{width:100%;padding:15px 0;margin:0;background:rgba(245,245,245,.8);position:absolute;bottom:0}.main-bottom-area .main-bottom-contents{display:flex;justify-content:space-between;align-items:center;max-width:1100px;padding:10px 0;margin:0 auto;font-size:20px;text-align:left;-webkit-box-align:center;-webkit-box-pack:justify;-ms-flex-align:center;-ms-flex-pack:justify}.main-bottom-area .main-bottom-contents .btm-box01{width:30%;padding:0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-mainimg-bar.png) no-repeat;background-position:270px top;line-height:1.4}.main-bottom-area .main-bottom-contents .btm-box02{width:32%;padding:0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-mainimg-bar.png) no-repeat;background-position:285px top;line-height:1.4}.main-bottom-area .main-bottom-contents .btm-box03{width:38%;padding:0;margin:0;line-height:1.2}.slide-bottom{opacity:0;transition:all 1.3s 0s ease-out;transform:translateY(20px);-webkit-transform:translateY(20px);-webkit-transition:all 1.3s 0s ease-out}@keyframes fade-in{from{opacity:0;transform:translateY(100px);-webkit-transform:translateY(100px)}to{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}}.pickup-slider{width:1170px;height:245px;margin:0 auto}.pickup-slider li{height:245px;border-left:5px solid #f2f7fa;color:#000;text-align:center;position:relative}.pickup-slider li img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.slide-pickup-area{box-sizing:border-box;width:100%;padding:10px;background:rgba(0,0,0,.5);color:#fff;text-align:left;position:absolute;left:0;right:0;bottom:0;-webkit-box-sizing:border-box}.slide-pickup-date{padding:0 0 0 22px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-slidedate.svg) no-repeat;background-position:0 7px;font-size:14px;text-align:left}.slide-pickup-title{padding:0;margin:5px 0 0;line-height:1.7;text-align:left}.category-pickup{min-width:100px;padding:2px 7px;background:#ffbc2b;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.txt12{font-size:12px}.txt13{font-size:13px}.txt14{font-size:14px}.txt15{font-size:15px}.txt16{font-size:16px}.txt18{font-size:18px}.txt20{font-size:20px}.txt22{font-size:22px}.txt24{font-size:24px}.txt26{font-size:26px}.txt28{font-size:28px}.txt30{font-size:30px}.txt32{font-size:32px}.txt34{font-size:34px}.txt36{font-size:36px}.txt38{font-size:38px}.txt40{font-size:40px}.txt46{font-size:46px}.txt50{font-size:50px}.txt56{font-size:56px}.txt60{font-size:60px}.text-bold{font-weight:bold}.text-udl{text-decoration:underline}.font-italic{font-style:italic}.red{color:#f05454}.red-b{color:#f05454;font-weight:700}.blue{color:#036eb8}.blue-b{color:#036eb8;font-weight:700}.skyblue{color:#00ade1}.skyblue-b{color:#00ade1;font-weight:700}.gray{color:#ccc}.darkgray{color:#888}.black{color:#000}@font-face{font-family:"Noto Sans JP";font-weight:400;font-style:normal;font-display:swap;src:url(//ma-inc.jp/game_support/wp-content/themes/fonts/NotoSansJP-Regular.woff) format("woff")}@font-face{font-family:"Noto Sans JP";font-weight:700;font-style:normal;font-display:swap;src:url(//ma-inc.jp/game_support/wp-content/themes/fonts/NotoSansJP-Bold.woff) format("woff")}html{vertical-align:baseline;padding:0;margin:0;border:0;font-size:62.5%;text-decoration:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{padding:0;margin:0;background:#fff;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#1d1d1d;font-size:1.6rem;line-height:2;text-align:center;font-display:swap}.wrapper{width:100%;padding:0;margin:0;overflow:hidden}* html body{overflow:hidden}#faq01,#faq02,#faq03{padding-top:240px;margin-top:-240px}#h2022,#h2021,#h2020,#h2019,#h2018,#h2011{padding-top:100px;margin-top:-100px}.fixed{height:100%;overflow:auto}.is-pc{display:block !important}.is-sp{display:none !important}.is-header-pc{display:block !important}.is-header-sp{display:none !important}.drawer-navbar{display:none}.fadein{opacity:0;transition:all 1.5s;transform:translateY(60px);-webkit-transform:translateY(60px);-webkit-transition:all 1.5s;visibility:hidden}.fadein.scrollin{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);visibility:visible}.fadein.scrollin:nth-of-type(1){transition-delay:.1s}.fadein.scrollin:nth-of-type(2){transition-delay:.2s}.fadein.scrollin:nth-of-type(3){transition-delay:.3s}.fadein.scrollin:nth-of-type(4){transition-delay:.4}.fadein.scrollin:nth-of-type(5){transition-delay:.5s}.fadein.scrollin:nth-of-type(6){transition-delay:.6s}.fadein.scrollin:nth-of-type(7){transition-delay:.7s}.fadein.scrollin:nth-of-type(8){transition-delay:.8s}.fadein.scrollin:nth-of-type(9){transition-delay:.9s}.fadein.scrollin:nth-of-type(10){transition-delay:1s}.fadein.scrollin:nth-of-type(11){transition-delay:.1s}.fadein.scrollin:nth-of-type(12){transition-delay:1.1s}.fadein.scrollin:nth-of-type(13){transition-delay:1.2s}.fadein.scrollin:nth-of-type(14){transition-delay:1.3s}.fadein.scrollin:nth-of-type(15){transition-delay:.1s}.fadein-pt02{opacity:0;transition:all 2.5s;-webkit-transition:all 2.5s}.fadein-pt02.active{opacity:1}.bread-area-appli span[property=name]{display:inline-block;vertical-align:middle;max-width:1050px;padding:0;margin-top:-3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bread-area{max-width:1180px;padding:20px 10px 0;margin:0 auto;font-size:12px;text-align:left}.bread-area a:hover{text-decoration:underline}.bread-area-02{max-width:1180px;padding:20px 10px 0;margin:120px auto 0;font-size:12px;text-align:left}.bread-area-02 a:hover{text-decoration:underline}.bread-area-notfound{max-width:1200px;padding:0;margin:100px auto 0;font-size:12px;text-align:left}.bread-area-appli{max-width:1200px;padding:0;margin:140px auto 0;font-size:12px;text-align:left}div.scroll{display:inline-block;padding:10px 10px 80px;overflow:hidden;font-family:"Josefin Sans",sans-serif;color:#000;font-size:12px;line-height:1;letter-spacing:.2em;text-decoration:none;text-transform:uppercase;position:absolute;left:40px;bottom:0;z-index:2;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}div.scroll::after{content:"";width:1px;height:70px;background:#000;position:absolute;left:50%;bottom:0;animation:sdl 2s cubic-bezier(1, 0, 0, 1) infinite;-webkit-animation:sdl 2s cubic-bezier(1, 0, 0, 1) infinite}@keyframes sdl{0%{transform:scale(1, 0);-webkit-transform:scale(1, 0);transform-origin:0 0}30%{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:0 0}70%{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:0 100%}100%{transform:scale(1, 0);-webkit-transform:scale(1, 0);transform-origin:0 100%}}.bg-gray-01{background:rgba(3,110,184,.13)}.bg-gray-02{background:#f4f4f4}.page-base{padding:100px 0;margin:0}.page-base-02{padding:0;margin:0;background:#f2f7fa}.page-base-download{padding:100px 0 20px;margin:0;background:#fff}.page-base-faq{padding:100px 0;margin:0;background:#f1f1f1}.page-case-area{padding:100px 0 20px;margin:0}.section-comp{padding:0;margin:0}.section-comp-02{padding:0;margin:100px 0 0}.section-comp-03{padding:0;margin:100px 0 0}.section-comp-04{padding:100px 0 150px;margin:0}.section-comp-05{padding:60px 0 100px;margin:100px 0 0;background:#fff}.section-comp-06{padding:0 0 100px;margin:0;background:#fff}.contents-01{box-sizing:border-box;width:100%;padding:60px 0 0;margin:0 auto;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-point.jpg) no-repeat;background-position:center top;-webkit-box-sizing:border-box}.contents-02{box-sizing:border-box;width:100%;padding:60px 0 0;margin:0 auto;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-example.jpg) no-repeat;background-position:center top;-webkit-box-sizing:border-box}.contents-03{box-sizing:border-box;width:100%;padding:60px 0 0;margin:0 auto;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-case.jpg) no-repeat;background-position:center top;-webkit-box-sizing:border-box}.contents-04{box-sizing:border-box;width:100%;padding:60px 0 0;margin:0 auto;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-contents-plan.jpg) no-repeat;background-position:center top;-webkit-box-sizing:border-box}.contents-base-01{box-sizing:border-box;max-width:1200px;padding:100px 100px 30px;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;top:220px;left:0;right:0;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.contents-base-02{box-sizing:border-box;max-width:1200px;padding:50px 100px 90px;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;top:220px;left:0;right:0;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}ul.point-area{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:0;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}ul.point-area li{display:flex;justify-content:space-between;width:45%;padding:0;margin:0 0 70px;-webkit-box-pack:justify;-ms-flex-pack:justify}ul.point-area li .point-icon{vertical-align:top;width:22%;padding:0;margin:0 8% 0 0}ul.point-area li .point-icon img{width:100%;height:auto}ul.point-area li .point-text{vertical-align:top;width:67%;padding:0;margin:0;line-height:1.8}ul.point-area li .point-icon-02{vertical-align:top;width:18%;padding:0;margin:0 8% 0 0}ul.point-area li .point-icon-02 img{width:100%;height:auto}ul.point-area li .point-text-02{vertical-align:top;width:70%;padding:0;margin:0;line-height:1.8}.top-about-base{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;padding:0;margin:80px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;background-position:right top;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.top-about-base li.about-n01{width:27%;height:220px;padding:0 0 0 5%;margin:0 0 10px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;position:relative}.top-about-base li.about-n01:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n01.svg);position:absolute;right:20px;bottom:0}.top-about-base li.about-n02{width:27%;height:220px;padding:0 0 0 5%;margin:0 0 10px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;position:relative}.top-about-base li.about-n02:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n02.svg);position:absolute;right:20px;bottom:0}.top-about-base li.about-n03{width:30%;height:220px;padding:0 0 0 5%;margin:0 0 10px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;position:relative}.top-about-base li.about-n03:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n03.svg);position:absolute;right:70px;bottom:0}.top-about-base .top-about-text{padding:0;margin:0;font-size:20px;position:absolute;top:100px;left:60px;z-index:2}.top-about-base .top-about-text-02{padding:0;margin:0;font-size:20px;position:absolute;top:80px;left:60px;z-index:2}.top-about-base-02{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;padding:0;margin:10px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;background-position:right top;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.top-about-base-02 li.about-n04{width:27%;height:220px;padding:0 0 0 5%;margin:0 0 10px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;position:relative}.top-about-base-02 li.about-n04:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n04.svg);position:absolute;right:20px;bottom:0}.top-about-base-02 li.about-n05{width:27%;height:220px;padding:0 0 0 5%;margin:0 0 10px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;position:relative}.top-about-base-02 li.about-n05:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n05.svg);position:absolute;right:20px;bottom:0}.top-about-base-02 li.about-n06{width:30%;height:220px;padding:0 0 0 5%;margin:0 0 10px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-bar02.svg) no-repeat;position:relative}.top-about-base-02 li.about-n06:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n06.svg);position:absolute;right:70px;bottom:0}.top-about-base-02 .top-about-text{padding:0;margin:0;font-size:20px;position:absolute;top:100px;left:60px;z-index:2}.top-about-base-02 .top-about-text-02{padding:0;margin:0;font-size:20px;position:absolute;top:80px;left:60px;z-index:2}.page-button-area{padding:0;margin:100px 0 0}.page-button-area-02{padding:0;margin:200px 0 0}.top-example-lead{padding:0;margin:20px 0 0;font-size:24px;font-weight:bold;text-align:center}ul.top-example-contents{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:700px;padding:0;margin:-20px auto 0;text-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}ul.top-example-contents li{vertical-align:middle;width:25%;padding:0 2%;margin:60px 0 30px;position:relative}ul.top-example-contents li img{width:100%;height:auto}ul.top-example-contents li .text01{font-size:22px;font-weight:bold;letter-spacing:-1px;position:absolute;left:0;right:0;bottom:-40px}ul.top-example-contents li .text02{font-size:22px;font-weight:bold;line-height:1.3;letter-spacing:-1px;position:absolute;left:0;right:0;bottom:-60px}ul.top-example-contents li.icon04{vertical-align:middle;width:10%;margin:0 0 0 30px;position:relative}ul.top-example-contents li.icon04 img{width:100%;height:auto}.nayami-base01{display:flex;justify-content:space-between;max-width:1000px;padding:0 20px;margin:50px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify}.nayami-base01 li{width:28%;padding:0;margin:0;position:relative}.nayami-base01 li .bubble-base{box-sizing:border-box;min-height:180px;padding:30px;margin:0;background:#fff;border-radius:16px;text-align:left;-webkit-box-sizing:border-box}.nayami-base01 li .img-nayami{padding:0;margin:0;position:absolute;right:0;bottom:-100px}.nayami-base02{display:flex;justify-content:space-between;max-width:640px;padding:0 20px;margin:150px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify}.nayami-base02 li{width:44%;padding:0;margin:0;position:relative}.nayami-base02 li .bubble-base{box-sizing:border-box;min-height:180px;padding:30px;margin:0;background:#fff;border-radius:16px;text-align:left;-webkit-box-sizing:border-box}.nayami-base02 li .img-nayami{padding:0;margin:0;position:absolute;right:0;bottom:-100px}.contents-case-base{box-sizing:border-box;display:flex;justify-content:space-between;max-width:1200px;padding:60px;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;-webkit-box-pack:justify;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.contents-case-base li.case-image{width:25%;padding:0;margin:0}.contents-case-base li.case-image img{width:100%;height:auto}.contents-case-base li.case-text-area{width:70%;padding:0;margin:0;text-align:left}.contents-case-base li.case-text-area .case-heading{padding:0;margin:0;color:#036eb8;font-size:28px;font-weight:bold;line-height:1}.contents-case-base li.case-text-area .case-icon{display:inline-block;width:70px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base li.case-text-area .case-icon-02{display:inline-block;width:140px;padding:6px 10px;margin:10px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base li.case-text-area .case-text{display:inline-block;width:120px;padding:0;margin:35px 20px 0 0;font-size:18px}.contents-case-base li.case-text-area .case-text-02{display:inline-block;width:220px;padding:0;margin:35px 20px 0 0;font-size:18px}.contents-case-base li.case-text-area .case-text-03{display:inline-block;width:220px;padding:0;margin:10px 20px 0 0;font-size:18px}.contents-case-base-02{box-sizing:border-box;display:flex;justify-content:space-between;max-width:1200px;padding:60px;margin:80px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;-webkit-box-pack:justify;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.contents-case-base-02 li.case-image{width:25%;padding:0;margin:0}.contents-case-base-02 li.case-image img{width:100%;height:auto}.contents-case-base-02 li.case-text-area{width:70%;padding:0;margin:0;text-align:left}.contents-case-base-02 li.case-text-area .case-heading{padding:0;margin:0;color:#036eb8;font-size:28px;font-weight:bold;line-height:1}.contents-case-base-02 li.case-text-area .case-icon{display:inline-block;width:70px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base-02 li.case-text-area .case-icon-02{display:inline-block;width:140px;padding:6px 10px;margin:10px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base-02 li.case-text-area .case-text{display:inline-block;width:150px;padding:0;margin:35px 20px 0 0;font-size:18px}.contents-case-base-02 li.case-text-area .case-text-02{display:inline-block;width:220px;padding:0;margin:35px 20px 0 0;font-size:18px}.contents-case-base-02 li.case-text-area .case-text-03{display:inline-block;width:220px;padding:0;margin:10px 20px 0 0;font-size:18px}ul.plan-contents{display:flex;justify-content:space-between;max-width:1000px;padding:0 20px;margin:60px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify}ul.plan-contents li{box-sizing:border-box;width:280px;height:280px;padding:0;margin:0;-webkit-box-sizing:border-box}ul.plan-contents li .circle{box-sizing:border-box;display:inline-block;width:280px;height:280px;padding:70px 0 0;background:#fff;border-radius:50%;box-shadow:0 0 8px #ccc;text-align:center;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.top-faq-base{max-width:1000px;padding:0;margin:60px auto 0;text-align:left}.accordion-container .accordion-title{width:87%;padding:30px 5% 30px 8%;margin:0 auto;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-question.svg) no-repeat;background-position:15px 30px;border-top:1px solid #ccc;cursor:pointer;color:#000;font-size:18px;font-weight:normal;text-align:left;position:relative}.accordion-container .accordion-title:hover,.accordion-container .accordion-title:active,.accordion-title.open{background-color:none}.accordion-container .accordion-title::before{content:"";width:15px;height:2px;background:#ccc;position:absolute;top:50%;right:25px;transition:all .3s ease-in-out;transform:rotate(90deg);-webkit-transform:rotate(90deg);-webkit-transition:all .3s ease-in-out}.accordion-container .accordion-title::after{content:"";width:15px;height:2px;background:#ccc;position:absolute;top:50%;right:25px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}.accordion-container .accordion-title.open::before{transform:rotate(180deg);-webkit-transform:rotate(180deg)}.accordion-container .accordion-title.open::after{opacity:0}.accordion-content{display:none;width:87%;padding:30px 5% 30px 8%;background:#f4f4f4;text-align:left;position:relative}.accordion-content:before{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-answer.svg);box-sizing:border-box;display:block;padding:0;position:absolute;top:28px;left:15px;-webkit-box-sizing:border-box}.accordion-box{border-bottom:1px solid #ccc}.movie-area{padding:0;margin:60px 0 0}.movie-youtube{width:700px;margin:0 auto}.movie-youtube a{display:block;border:0 solid #fff;position:relative}.movie-youtube a:hover{opacity:.6}.movie-youtube a::before{content:"";display:block;width:100%;height:60px;margin:-32px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-youtube-red.png) center center/64px 45px no-repeat;opacity:.8;position:absolute;top:50%;left:0;right:0;z-index:1}.movie-youtube a img{width:100%;height:auto;margin:0 auto;border:1px solid #ccc;border-radius:20px;text-align:center}.sp-lead-base{width:90%;padding:0;margin:30px auto 0;background:#fff}.sp-lead-01{padding:0 0 0 30px;margin:0;font-size:20px;line-height:1.3;text-align:left;position:relative}.sp-lead-02{padding:0 0 0 30px;margin:20px 0 0;font-size:20px;line-height:1.3;text-align:left;position:relative}.sp-lead-01:before,.sp-lead-02:before{content:"";width:8px;height:calc(100% - 10px);background-color:#00ade1;border-radius:4px;position:absolute;top:5px;left:0}.sp-nayami-01{box-sizing:border-box;width:90%;min-height:200px;padding:20px;margin:60px auto 0;background:#fff;border-radius:16px;font-size:18px;text-align:left;position:relative;-webkit-box-sizing:border-box}.sp-nayami-01:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-01.svg);position:absolute;right:15px;bottom:-12px}.sp-nayami-02{box-sizing:border-box;width:90%;min-height:200px;padding:20px 20px 20px 170px;margin:60px auto 0;background:#fff;border-radius:16px;font-size:18px;text-align:left;position:relative;-webkit-box-sizing:border-box}.sp-nayami-02:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-02.svg);position:absolute;left:15px;bottom:-12px}.sp-nayami-03{box-sizing:border-box;width:90%;min-height:200px;padding:20px;margin:60px auto 0;background:#fff;border-radius:16px;font-size:18px;text-align:left;position:relative;-webkit-box-sizing:border-box}.sp-nayami-03:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-03.svg);position:absolute;right:15px;bottom:-12px}.sp-nayami-04{box-sizing:border-box;width:90%;min-height:200px;padding:20px 20px 20px 170px;margin:60px auto 0;background:#fff;border-radius:16px;font-size:18px;text-align:left;position:relative;-webkit-box-sizing:border-box}.sp-nayami-04:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-04.svg);position:absolute;left:15px;bottom:-12px}.sp-nayami-05{box-sizing:border-box;width:90%;min-height:200px;padding:20px;margin:60px auto 0;background:#fff;border-radius:16px;font-size:18px;text-align:left;position:relative;-webkit-box-sizing:border-box}.sp-nayami-05:after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/img-nayami-05.svg);position:absolute;right:15px;bottom:-12px}.page-main-case{height:325px;padding:0;margin:80px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-case.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-download{height:325px;padding:0;margin:80px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-download.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-faq{height:325px;padding:0;margin:80px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-faq.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-contact{height:325px;padding:0;margin:80px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-contact.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-sitemap{height:325px;padding:0;margin:80px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-page-main-sitemap.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-case::before,.page-main-download::before,.page-main-faq::before,.page-main-contact::before,.page-main-sitemap::before{content:"";display:block;background-color:#036eb8;opacity:.7;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.pagetitle{padding:0;margin:0;color:#fff;font-size:40px;font-weight:bold;position:absolute;top:35%;left:0;right:0}.page-case-base{box-sizing:border-box;max-width:1200px;padding:60px;margin:0 auto 60px;background:#fff;border:1px solid #036eb8;border-radius:30px;-webkit-box-sizing:border-box}.page-case-base-02{box-sizing:border-box;max-width:1200px;padding:60px;margin:80px auto 0;background:#fff;border:1px solid #036eb8;border-radius:30px;-webkit-box-sizing:border-box}.page-case-box{display:flex;justify-content:space-between;padding:0;margin:0;-webkit-box-pack:justify;-ms-flex-pack:justify}.page-case-box .case-image{width:22%;padding:0;margin:0}.page-case-box .case-image img{width:100%;height:auto}.page-case-box .case-text-area{width:73%;padding:0;margin:0;text-align:left}.page-case-box .case-text-area .case-heading{padding:0;margin:0;color:#036eb8;font-size:28px;font-weight:bold;line-height:1}.page-case-box .case-text-area .case-lead{padding:0;margin:25px 0 0;font-size:22px;font-weight:bold;line-height:1.3}.page-case-box .case-text-area .case-icon{display:inline-block;width:70px;padding:6px 10px;margin:18px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.page-case-box .case-text-area .case-icon-02{display:inline-block;width:140px;padding:6px 10px;margin:18px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.page-case-box .case-text-area .case-text{display:inline-block;width:550px;padding:0;margin:18px 20px 0 0;font-size:18px}.page-case-box .case-text-area .case-text-02{display:inline-block;width:400px;padding:0;margin:18px 20px 0 0;font-size:18px}.case-flow-area{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:0;margin:40px 0 0;-webkit-box-align:center;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-align:center;-ms-flex-pack:justify}.case-flow-area .flow-box{width:45%;padding:0;margin:0}.case-flow-area .flow-arrow{width:10%;padding:0;margin:0;text-align:center}.case-flow-area .flow-bf-heading{padding:5px;margin:0;background:#036eb8;border-radius:16px 16px 0 0;color:#fff;font-size:22px;text-align:center}.case-flow-area .flow-bf-contents{min-height:160px;padding:20px;margin:0;background:#f2f7fa;border:1px solid #036eb8;border-radius:0 0 16px 16px;text-align:left}.case-flow-area .flow-af-heading{padding:5px;margin:0;background:#00ade1;border-radius:16px 16px 0 0;color:#fff;font-size:22px;text-align:center}.case-flow-area .flow-af-contents{min-height:160px;padding:20px;margin:0;background:#f2f7fa;border:1px solid #00ade1;border-radius:0 0 16px 16px;text-align:left}.down-load-base{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;padding:0;margin:0 auto;text-align:left;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.down-load-base li{width:30%;padding:0;margin:0 0 80px;text-align:left}.down-load-base li .arc-download-title{padding:0;margin:20px 0 0;font-size:18px;font-weight:bold}.down-load-base li .arc-download-text{padding:0 0 10px;margin:20px 0 0;font-size:16px}.down-load-base .download-img{height:220px;cursor:pointer;overflow:hidden}.down-load-base .download-img img{width:100%;height:auto}.down-load-base .download-img img{transition:.3s ease-in-out;transform:scale(1);-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.down-load-base .download-img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1)}.page-base-downloadform{box-sizing:border-box;display:flex;justify-content:space-between;max-width:1000px;padding:0;margin:100px auto;text-align:left;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.page-base-downloadform .downloadform-img{width:38%;padding:0;margin:0}.page-base-downloadform .downloadform-img img{width:100%;height:auto}.page-base-downloadform .downloadform-base{box-sizing:border-box;width:52%;padding:30px 50px;margin:0;background:#f4f4f4;border-radius:20px;-webkit-box-sizing:border-box}.page-base-downloadform .downloadform-base .downloadform-heading{padding:0 0 5px;margin:0;border-bottom:1px solid #000;font-size:26px;font-weight:bold;text-align:center}.page-base-downloadform .downloadform-base-01{width:52%;padding:0;margin:0}.page-base-downloadform .downloadform-base-01 .downloadform-heading{padding:0;margin:0;font-size:20px;font-weight:bold;text-align:center}.page-base-downloadform .downloadform-base-01 .downloadform-box{box-sizing:border-box;padding:10px 50px 30px;margin:0;background:#f4f4f4;border-radius:20px;-webkit-box-sizing:border-box}.page-base-downloadform .downloadform-base-01 .downloadform-box .downloadform-heading-01{padding:0 0 5px;margin:0;border-bottom:1px solid #000;font-size:18px;font-weight:bold;text-align:center}.thanks-text{padding:0;margin:30px 0 0;text-align:center}.thanks-img{padding:0;margin:0 auto;text-align:center}.thanks-button-area{display:flex;justify-content:center;align-items:center;max-width:1200px;padding:0;margin:80px auto 0;-webkit-box-align:center;-webkit-box-pack:center;-ms-flex-align:center;-ms-flex-pack:center}#faq-index-base{padding:0;margin:0;z-index:999}#faq-index-base.m_fixed{width:100%;padding:20px 0;background:#f2f7fa;border-bottom:1px solid #ccc;position:fixed;top:80px;left:0}.faq-index-area{box-sizing:border-box;display:flex;justify-content:space-between;max-width:1200px;padding:0;margin:0 auto;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.faq-index-area li{width:30%;padding:0;margin:0}.faq-base{box-sizing:border-box;max-width:1200px;padding:60px 80px 80px;margin:100px auto 0;background:#fff;border:1px solid #036eb8;-webkit-box-sizing:border-box}.faq-base .faq-heading{padding:0 0 5px;margin:0 0 50px;font-size:26px;font-weight:bold;text-align:center}.contact-base{box-sizing:border-box;max-width:900px;padding:30px 70px 40px;margin:0 auto;background:#fff;border-radius:20px;text-align:left;-webkit-box-sizing:border-box}.contact-form-area{padding:0;margin:20px 0 0}.appli-contact-form-area{padding:40px 80px;margin:50px 0 0;background:#f4f4f4;border:0 solid #333;border-radius:20px}.page-sitemap-base{box-sizing:border-box;display:flex;justify-content:space-between;max-width:800px;padding:100px 0;margin:0 auto;text-align:left;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.page-sitemap-base li{width:50%;padding:0;margin:0}.page-sitemap-base .sitemap-01{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-01.svg) no-repeat;background-position:0 6px}.page-sitemap-base .sitemap-02{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-02.svg) no-repeat;background-position:0 6px}.page-sitemap-base .sitemap-03{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-03.svg) no-repeat;background-position:0 6px}.page-sitemap-base .sitemap-04{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-04.svg) no-repeat;background-position:0 10px}.page-sitemap-base .sitemap-05{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-05.svg) no-repeat;background-position:0 8px}.page-sitemap-base .sitemap-06{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-06.svg) no-repeat;background-position:0 6px;position:relative}.page-sitemap-base .sitemap-06::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);position:absolute;top:10%;left:115px}.page-sitemap-base .sitemap-07{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-07.svg) no-repeat;background-position:0 8px;position:relative}.page-sitemap-base .sitemap-07::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);position:absolute;top:10%;left:215px}.page-sitemap-base .sitemap-08{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sitemap-08.svg) no-repeat;background-position:0 8px}.page-sitemap-base .sitemap-01 a,.page-sitemap-base .sitemap-02 a,.page-sitemap-base .sitemap-03 a,.page-sitemap-base .sitemap-04 a,.page-sitemap-base .sitemap-05 a,.page-sitemap-base .sitemap-06 a,.page-sitemap-base .sitemap-07 a,.page-sitemap-base .sitemap-08 a{display:inline-block;text-decoration:none;position:relative}.page-sitemap-base .sitemap-01 a::after,.page-sitemap-base .sitemap-02 a::after,.page-sitemap-base .sitemap-03 a::after,.page-sitemap-base .sitemap-04 a::after,.page-sitemap-base .sitemap-05 a::after,.page-sitemap-base .sitemap-06 a::after,.page-sitemap-base .sitemap-07 a::after,.page-sitemap-base .sitemap-08 a::after{content:"";width:100%;height:2px;background:#036eb8;position:absolute;left:0;bottom:1px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.page-sitemap-base .sitemap-01 a:hover::after,.page-sitemap-base .sitemap-02 a:hover::after,.page-sitemap-base .sitemap-03 a:hover::after,.page-sitemap-base .sitemap-04 a:hover::after,.page-sitemap-base .sitemap-05 a:hover::after,.page-sitemap-base .sitemap-06 a:hover::after,.page-sitemap-base .sitemap-07 a:hover::after,.page-sitemap-base .sitemap-08 a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.notfound-base{padding:0 0 100px;margin:100px 0 0;background:#fff}.notfound-img{width:350px;padding:0;margin:0 auto;text-align:center}.notfound-img img{width:100%;height:auto}.pickup-area{box-sizing:content-box;width:100%;padding:40px 0;margin:122px 0 0;background:#f2f7fa;top:180px;-webkit-box-sizing:content-box}.appli-base{display:flex;justify-content:space-between;max-width:1200px;padding:40px 0 150px;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify}.appli-base .appli-contents{width:69%;padding:0;margin:0 10px 0 0;text-align:left}.appli-base .appli-contents img{width:100%;max-width:none;height:auto}.appli-base .appli-side{list-style:none;width:27%;padding:0;margin:0;text-align:left}.appli-base .appli-side img{width:100%;height:auto;padding:0;margin:0 0 10px}.appli-base .appli-side .side-banner{padding:0;margin:0 0 15px}.appli-base .appli-side .side-banner img{width:100%;height:auto}.appli-base .appli-side .side-banner-02{padding:0;margin:20px 0 0}.appli-base .appli-side .side-banner-02 img{width:100%;height:auto}.appli-base-02{box-sizing:border-box;max-width:1000px;padding:60px 10px 150px;margin:0 auto;-webkit-box-sizing:border-box}.appli-base-02 .appli-contents-02{padding:0;margin:80px 0 0;text-align:left}.appli-base-03{box-sizing:border-box;max-width:1200px;padding:60px 10px 150px;margin:0 auto;-webkit-box-sizing:border-box}.appli-base-03 .appli-contents-03{padding:0;margin:20px 0 0;text-align:left}.side-contents{padding:0;margin:30px 0 0}.side-contents li{display:flex;justify-content:space-between;padding:0 0 15px;margin:0 0 15px;border-bottom:1px solid #ddd;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify}.side-contents li .side-img{box-sizing:border-box;width:80px;height:80px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.side-contents li .side-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.side-contents li .side-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.side-contents li .side-text{width:68%;font-size:14px;line-height:1.7}.side-contents li .side-text a:hover{text-decoration:underline}.side-contents li .side-date{padding:0 0 0 22px;margin:-3px 0 13px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 4px;font-size:13px}div.press{min-width:100px;padding:2px 7px;background:#ff5800;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}div.column{width:100px;padding:2px 7px;background:#e50012;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}div.event,div.column-2,div.report,div.uncategorized,div.feature,div.contact{width:100px;padding:2px 7px;background:#036eb8;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.press-top-contents{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.press-top-contents li{width:31%;padding:0;margin:0 0 70px}.press-top-contents li .press-img{box-sizing:border-box;width:100%;height:160px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.press-top-contents li .press-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.press-top-contents li .press-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.press-top-contents li .press-top-date{padding:0 0 0 22px;margin:15px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 7px;font-size:14px}.press-top-contents li .press-top-title{padding:0;margin:10px 0 0;background-position:0 7px;font-size:16px;font-weight:bold;line-height:1.7}.press-top-contents li .press-top-title a:hover{text-decoration:underline}.pressrelease-top-contents{display:flex;flex-wrap:wrap;justify-content:space-between;padding:40px 0 0;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.pressrelease-top-contents li{width:31%;padding:0;margin:0 0 70px}.pressrelease-top-contents li .press-img{box-sizing:border-box;width:100%;height:160px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.pressrelease-top-contents li .press-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.pressrelease-top-contents li .press-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.pressrelease-top-contents li .press-img div.press{min-width:100px;padding:2px 7px;background:#ff5800;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.pressrelease-top-contents li .press-img div.column{width:100px;padding:2px 7px;background:#e50012;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.pressrelease-top-contents li .press-top-date{padding:0 0 0 22px;margin:15px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 7px;font-size:14px}.pressrelease-top-contents li .press-top-title{padding:0;margin:10px 0 0;background-position:0 7px;font-size:16px;font-weight:bold;line-height:1.7}.pressrelease-top-contents li .press-top-title a:hover{text-decoration:underline}.press-top-contents::after,.pressrelease-top-contents::after{content:"";display:block;width:31%}.page-navi{padding:0;margin:0 0 50px;text-align:center}.page-contents-title{padding:0;margin:0;font-size:34px;font-weight:bold;line-height:1.6;text-align:left}.page-contents-date{padding:0 0 0 22px;margin:20px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 8px;font-size:14px}.page-contents-eyecatch{padding:0;margin:70px 0 0}.page-contents-textarea{max-width:100%;padding:0;margin:30px 0 0;text-align:left}.page-contents-textarea h2.heading02{padding:2px 0 2px 20px;margin:20px 0;font-size:26px;font-weight:bold;line-height:1.4;position:relative}.page-contents-textarea h2.heading02:before{content:"";width:8px;height:calc(100% - 10px);background-color:#036eb8;border-radius:4px;position:absolute;top:5px;left:0}.page-contents-textarea h3.heading03{margin:20px 0;font-size:20px;font-weight:bold;line-height:1.5}.page-category-area{padding:0;margin:80px 0 0;text-align:left}.page-category-area .cate-heading{padding:0 0 0 25px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-category.svg) no-repeat;background-position:0 5px;font-size:14px;font-weight:bold}.page-category-area .cate-text{padding:0;margin:0;font-size:15px}.page-category-area .cate-text a{display:inline-block;padding:0;margin:0;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.page-category-area .cate-text a::after{content:"";width:100%;height:2px;background:#036eb8;position:absolute;left:0;bottom:3px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.page-category-area .cate-text a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.page-tag-area{padding:0;margin:30px 0 0;text-align:left}.page-tag-area .tag-heading{padding:0 0 0 25px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-tag.svg) no-repeat;background-position:0 5px;font-size:14px;font-weight:bold}.page-tag-area .tag-button{display:inline-block;height:28px;padding:0 15px;margin:5px 10px 5px 0;background-color:#f7f7f7;border:1px solid #ddd;border-radius:18px;font-size:14px;line-height:25px;text-align:center}.page-tag-area .tag-button::before,.page-tag-area .tag-button::after{content:"";display:block;position:absolute;z-index:-1}.page-tag-area .tag-button,.page-tag-area .tag-button::before,.page-tag-area .tag-button::after{box-sizing:border-box;transition:all .5s;-webkit-box-sizing:border-box;-webkit-transition:all .5s}.page-tag-area .tag-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.page-bottom-navi{display:flex;justify-content:space-between;padding:0;margin:80px 0 0;-webkit-box-pack:justify;-ms-flex-pack:justify}.page-bottom-navi .navi-left{width:38%;padding:0;margin:0;text-align:left}.page-bottom-navi .navi-left .navi-left-title{padding:0 0 0 15px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-prev.svg) no-repeat;background-position:0 10px;font-weight:bold}.page-bottom-navi .navi-left .navi-left-title a{display:inline-block;padding:0;margin:0;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.page-bottom-navi .navi-left .navi-left-title a::after{content:"";width:100%;height:2px;background:#036eb8;position:absolute;left:0;bottom:3px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.page-bottom-navi .navi-left .navi-left-title a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.page-bottom-navi .navi-left .navi-left-text{padding:0;margin:0;font-size:12px}.page-bottom-navi .navi-left .navi-left-text a:hover{text-decoration:underline}.page-bottom-navi .navi-right{width:38%;padding:0;margin:0;text-align:right}.page-bottom-navi .navi-right .navi-right-title{padding:0 15px 0 0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-next.svg) no-repeat;background-position:right 10px;font-weight:bold}.page-bottom-navi .navi-right .navi-right-title a{display:inline-block;padding:0;margin:0;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.page-bottom-navi .navi-right .navi-right-title a::after{content:"";width:100%;height:2px;background:#036eb8;position:absolute;left:0;bottom:3px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.page-bottom-navi .navi-right .navi-right-title a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.page-bottom-navi .navi-right .navi-right-text{padding:0;margin:0;font-size:12px;text-align:left}.page-bottom-navi .navi-right .navi-right-text a:hover{text-decoration:underline}select{padding:10px 20px;margin:20px 0 0;border-radius:6px}.appli-relate-base{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;padding:0;margin:30px 0 0;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.appli-relate-base li{display:flex;justify-content:space-between;width:47%;padding:0 0 15px;margin:0 0 15px;border-bottom:1px solid #ddd;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify}.appli-relate-base li .relate-img{box-sizing:border-box;width:80px;height:80px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.appli-relate-base li .relate-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.appli-relate-base li .relate-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.appli-relate-base li .relate-text{width:68%;font-size:14px;line-height:1.7}.appli-relate-base li .relate-text a:hover{text-decoration:underline}.appli-relate-base li .relate-date{padding:0 0 0 22px;margin:-3px 0 13px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 4px;font-size:13px}.pagination{clear:both;padding:0;font-size:14px;line-height:14px;text-align:center;position:relative}.pagination-box{display:inline-block}.pagination span,.pagination a{float:left;display:block;width:auto;padding:10px 12px 10px 12px;margin:20px 8px 0;background:#f2f7fa;border-radius:3px;box-shadow:2px 2px 2px #ccc;color:#333;text-decoration:none;-webkit-box-shadow:2px 2px 2px #ccc}.pagination a:hover{background:#036eb8;color:#fff}.pagination .current{padding:10px 12px 10px 12px;background:#036eb8;color:#fff}.search-error{margin:100px 0 150px;text-align:center}.search-result-contents{padding:0;margin:40px 0 0}.search-result-contents li{display:flex;justify-content:space-between;padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #ccc;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify}.search-result-contents li .search-img{box-sizing:border-box;width:140px;height:100px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.search-result-contents li .search-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.search-result-contents li .search-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.search-result-contents li .search-title{width:80%;font-size:15px;font-weight:bold;line-height:1.6}.search-result-contents li .search-title a:hover{text-decoration:underline}.search-result-contents li .search-title .search-date{padding:0 0 0 22px;margin:5px 0 13px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 4px;font-size:13px;font-weight:normal}.column-author-area{box-sizing:border-box;width:100%;padding:30px 50px 40px;margin:50px 0 0;background:#f2f2f2;text-align:left;-webkit-box-sizing:border-box}.column-author-area .column-author-heading{padding:0 0 10px;margin:0;border-bottom:1px solid #036eb8;font-size:20px;font-weight:bold}.column-author-area .column-textarea{display:flex;justify-content:space-between;padding:0;margin:30px 0 0;-webkit-box-pack:justify;-ms-flex-pack:justify}.column-author-area .column-image{width:120px;padding:0;margin:0}.column-author-area .column-image img{width:120px;height:120px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.column-author-area .column-text{width:78%;padding:0;margin:0;line-height:1.7}.column-author-area .column-text .column-author01{padding:0;margin:0 0 10px;font-size:18px}.column-author-area .column-text .column-link{padding:0 0 0 25px;margin:10px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-columnlink.svg) no-repeat;background-position:0 7px;font-size:15px}.column-button-area{padding:0;margin:10px 0 0;text-align:right}.bosyu-list{padding:0;margin:30px 0 0;font-size:20px;font-weight:bold}.bosyu-list li{padding:0 0 0 35px;margin:20px 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-check-blue.svg) no-repeat;background-position:0 10px}.bottom-pagenation{padding:0;margin:50px 0 0}.mailmagazine-thanks{max-width:90%;padding:0;margin:80px auto}.page-contents-textarea{word-break:break-all}.page-contents-textarea hr{margin-bottom:16px;margin-bottom:1rem;border:0;border-top:1px solid #e9e9e9}.page-contents-textarea img{vertical-align:middle;max-width:100%;height:auto}.page-contents-textarea b,.page-contents-textarea strong{font-weight:bold}.page-contents-textarea blockquote{clear:both;padding:20px 25px;padding:1.25rem 1.5625rem;margin:20px 0 25px;margin:1.25rem 0rem 1.5625rem;border:1px solid #e9e9e9;border-left:4px solid #46a28d;box-shadow:2px 2px 13px #eee;-webkit-box-shadow:2px 2px 13px #eee}.page-contents-textarea blockquote p:last-child{margin-bottom:3px}.page-contents-textarea blockquote cite{margin-bottom:16px;margin-bottom:1rem;font-size:13px;font-style:normal}.page-contents-textarea dfn,.page-contents-textarea cite,.page-contents-textarea em,.page-contents-textarea i{font-style:italic}.page-contents-textarea figure{margin:0}.page-contents-textarea address{margin-bottom:16px;margin-bottom:1rem;font-style:normal;line-height:inherit}.page-contents-textarea tt,.page-contents-textarea kbd,.page-contents-textarea pre,.page-contents-textarea code,.page-contents-textarea samp,.page-contents-textarea var{padding:7px;padding:.4375rem;background-color:#f8f9f9;border-radius:2px;font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}.page-contents-textarea pre{max-width:100%;padding:16px;padding:1rem;margin:0 0 16px;margin:0rem 0rem 1rem;overflow:auto;line-height:1.7;white-space:pre-wrap}.page-contents-textarea details summary{margin-bottom:16px;margin-bottom:1rem;font-weight:bold}.page-contents-textarea details :focus{outline:none}.page-contents-textarea abbr,.page-contents-textarea acronym,.page-contents-textarea dfn{border-bottom:1px dotted #e9e9e9;cursor:help;font-size:15px;font-size:.9375rem;letter-spacing:1px;text-transform:uppercase}.page-contents-textarea mark{background-color:#f8f9f9;text-decoration:none}.page-contents-textarea small{font-size:82%}.page-contents-textarea big{font-size:125%}.page-contents-textarea table{box-sizing:border-box;width:100%;max-width:100%;margin:20px auto 0;margin-bottom:16px;margin-bottom:1rem;border:1px solid #e9e9e9;-webkit-box-sizing:border-box}.page-contents-textarea table th,.page-contents-textarea table td{vertical-align:top;padding:12px;padding:.75rem;border:1px solid #e9e9e9;line-height:1.5}.page-contents-textarea table thead th,.page-contents-textarea table thead td{vertical-align:bottom;border-bottom:2px solid #e9e9e9}.page-contents-textarea table tbody+tbody{border-top:2px solid #e9e9e9}.page-contents-textarea .alignleft{float:left;display:inline;margin-right:1.5em}.page-contents-textarea .alignright{float:right;display:inline;margin-left:1.5em}.page-contents-textarea .aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.page-contents-textarea .clear:before,.page-contents-textarea .clear:after,.page-contents-textarea .entry-content:before,.page-contents-textarea .entry-content:after,.page-contents-textarea .comment-content:before,.page-contents-textarea .comment-content:after,.page-contents-textarea .site-header:before,.page-contents-textarea .site-header:after,.page-contents-textarea .site-content:before,.page-contents-textarea .site-content:after,.page-contents-textarea .site-footer:before,.page-contents-textarea .site-footer:after{content:"";display:table}.page-contents-textarea .clear:after,.page-contents-textarea .entry-content:after,.page-contents-textarea .comment-content:after,.page-contents-textarea .site-header:after,.page-contents-textarea .site-content:after,.page-contents-textarea .site-footer:after{clear:both}.page-contents-textarea .wp-caption{max-width:100%;margin-bottom:1.5em}.page-contents-textarea .wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.page-contents-textarea .wp-caption .wp-caption-text,.page-contents-textarea .wp-caption-dd{margin:.8075em 0;font-style:italic}.page-contents-textarea .wp-caption-text,.page-contents-textarea .wp-caption-dd{text-align:center}.page-contents-textarea .gallery{margin-bottom:1.5em}.page-contents-textarea .gallery-item{display:inline-block;vertical-align:top;width:100%;text-align:center}.page-contents-textarea .gallery-columns-2 .gallery-item{max-width:50%}.page-contents-textarea .gallery-columns-2 .gallery-item img{width:100%;padding:.5px}.page-contents-textarea .gallery-columns-3 .gallery-item{max-width:33.33%}.page-contents-textarea .gallery-columns-3 .gallery-item img{width:100%;padding:.5px}.page-contents-textarea .gallery-columns-4 .gallery-item{max-width:25%}.page-contents-textarea .gallery-columns-4 .gallery-item img{width:100%;padding:.5px}.page-contents-textarea .gallery-columns-5 .gallery-item{max-width:20%}.page-contents-textarea .gallery-columns-5 .gallery-item img{width:100%;padding:.5px}.page-contents-textarea .gallery-columns-6 .gallery-item{max-width:16.66%}.page-contents-textarea .gallery-columns-6 .gallery-item img{width:100%;padding:.5px}.page-contents-textarea .gallery-columns-7 .gallery-item{max-width:14.28%}.page-contents-textarea .gallery-columns-8 .gallery-item{max-width:12.5%}.page-contents-textarea .gallery-columns-9 .gallery-item{max-width:11.11%}.page-contents-textarea .gallery-caption{display:block}.page-contents-textarea .page-content .wp-smiley,.page-contents-textarea .entry-content .wp-smiley,.page-contents-textarea .comment-content .wp-smiley{padding:0;margin-top:0;margin-bottom:0;border:none}.page-contents-textarea embed,.page-contents-textarea iframe,.page-contents-textarea object{max-width:100%}.pagination{display:flex;justify-content:center;align-items:center;margin:20px auto 0;text-align:center;-webkit-box-align:center;-webkit-box-pack:center;-ms-flex-align:center;-ms-flex-pack:center}.pagination .page-numbers{padding:10px 12px;margin-right:10px;background:#f2f7fa;border-radius:3px;box-shadow:2px 2px 2px #ccc;color:#333;-webkit-box-shadow:2px 2px 2px #ccc}.pagination .current{padding:10px 12px;background:#036eb8;color:#fff}.pagination .prev,.pagination .next{padding:10px 12px;background:rgba(0,0,0,0);background:#f2f7fa;border-radius:3px;box-shadow:none;box-shadow:2px 2px 2px #ccc;color:#036eb8;color:#333;-webkit-box-shadow:none;-webkit-box-shadow:2px 2px 2px #ccc}.pagination .dots{background:rgba(0,0,0,0);box-shadow:none;-webkit-box-shadow:none}.partner-base{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:0;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.partner-base li{width:47%;padding:0;margin:60px 0 0;text-align:left}.partner-heading{padding:0 0 10px;margin:0 0 0;border-bottom:3px solid #002f7c;font-size:26px;font-weight:bold}.partner-box{display:flex;justify-content:space-between;padding:0 0 60px;margin:25px 0 0;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify}.partner-box .partner-image{width:25%;padding:0;margin:0}.partner-box .partner-image img{width:100%;height:auto}.partner-box .partner-text{width:70%;padding:0;margin:-10px 0 0}.page-applisitemap-base{box-sizing:border-box;display:flex;justify-content:space-between;max-width:800px;padding:80px 0 0 10%;margin:0 auto;text-align:left;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.page-applisitemap-base li{width:50%;padding:0;margin:0}.page-applisitemap-base .applisitemap-01{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-01.svg) no-repeat;background-position:3px 12px}.page-applisitemap-base .applisitemap-02{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-02.svg) no-repeat;background-position:0 8px}.page-applisitemap-base .applisitemap-03{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-03.svg) no-repeat;background-position:0 12px}.page-applisitemap-base .applisitemap-04{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-04.svg) no-repeat;background-position:3px 10px}.page-applisitemap-base .applisitemap-05{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-05.svg) no-repeat;background-position:0 10px}.page-applisitemap-base .applisitemap-06{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-06.svg) no-repeat;background-position:0 10px;position:relative}.page-applisitemap-base .applisitemap-07{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-07.svg) no-repeat;background-position:0 12px;position:relative}.page-applisitemap-base .applisitemap-08{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-08.svg) no-repeat;background-position:3px 7px;position:relative}.page-applisitemap-base .applisitemap-08::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);position:absolute;top:10%;left:115px}.page-applisitemap-base .applisitemap-09{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-09.svg) no-repeat;background-position:2px 8px;position:relative}.page-applisitemap-base .applisitemap-09::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg);position:absolute;top:10%;left:215px}.page-applisitemap-base .applisitemap-10{padding:5px 0 5px 40px;margin:0 0 40px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap-10.svg) no-repeat;background-position:2px 8px;position:relative}.page-applisitemap-base .applisitemap-01 a,.page-applisitemap-base .applisitemap-02 a,.page-applisitemap-base .applisitemap-03 a,.page-applisitemap-base .applisitemap-04 a,.page-applisitemap-base .applisitemap-05 a,.page-applisitemap-base .applisitemap-06 a,.page-applisitemap-base .applisitemap-07 a,.page-applisitemap-base .applisitemap-08 a,.page-applisitemap-base .applisitemap-09 a,.page-applisitemap-base .applisitemap-10 a{display:inline-block;text-decoration:none;position:relative}.page-applisitemap-base .applisitemap-01 a::after,.page-applisitemap-base .applisitemap-02 a::after,.page-applisitemap-base .applisitemap-03 a::after,.page-applisitemap-base .applisitemap-04 a::after,.page-applisitemap-base .applisitemap-05 a::after,.page-applisitemap-base .applisitemap-06 a::after,.page-applisitemap-base .applisitemap-07 a::after,.page-applisitemap-base .applisitemap-08 a::after,.page-applisitemap-base .applisitemap-09 a::after,.page-applisitemap-base .applisitemap-10 a::after{content:"";width:100%;height:2px;background:#002f7c;position:absolute;left:0;bottom:1px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.page-applisitemap-base .applisitemap-01 a:hover::after,.page-applisitemap-base .applisitemap-02 a:hover::after,.page-applisitemap-base .applisitemap-03 a:hover::after,.page-applisitemap-base .applisitemap-04 a:hover::after,.page-applisitemap-base .applisitemap-05 a:hover::after,.page-applisitemap-base .applisitemap-06 a:hover::after,.page-applisitemap-base .applisitemap-07 a:hover::after,.page-applisitemap-base .applisitemap-08 a:hover::after,.page-applisitemap-base .applisitemap-09 a:hover::after,.page-applisitemap-base .applisitemap-10 a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.u-mt-xxsmall{margin:5px 0 0}.u-mt-xsmall{margin:10px 0 0}.u-mt-small{margin:20px 0 0}.u-mt{margin:30px 0 0}.u-mt-large{margin:40px 0 0}.u-mt-xlarge{margin:50px 0 0}.u-mt-xxlarge{margin:60px 0 0}.u-mt-xxxlarge{margin:100px 0 0}.u-mr-xxsmall{margin:0 5px 0 0}.u-mr-xsmall{margin:0 10px 0 0}.u-mr-small{margin:0 20px 0 0}.u-mr{margin:0 30px 0 0}.u-mr-large{margin:0 40px 0 0}.u-mr-xlarge{margin:0 50px 0 0}.u-mr-xxlarge{margin:0 60px 0 0}.u-mb-xxsmall{margin:0 0 5px 0}.u-mb-xsmall{margin:0 0 10px 0}.u-mb-small{margin:0 0 20px 0}.u-mb{margin:0 0 30px 0}.u-mb-large{margin:0 0 40px 0}.u-mb-xlarge{margin:0 0 50px 0}.u-mb-xxlarge{margin:0 0 60px 0}.u-ml-xxsmall{margin:0 0 0 5px}.u-ml-xsmall{margin:0 0 0 10px}.u-ml-small{margin:0 0 0 20px}.u-ml{margin:0 0 0 30px}.u-ml-large{margin:0 0 0 40px}.u-ml-xlarge{margin:0 0 0 50px}.u-ml-xxlarge{margin:0 0 0 60px}.align_c{text-align:center}.align_r{text-align:right}.align_l{text-align:left}.flo_l{float:left}.flo_r{float:right}.cboth{clear:both}span.suptext{vertical-align:top;font-size:75.5%;position:relative;top:-0.1em}span.subtext{vertical-align:bottom;font-size:75.5%;position:relative;top:.1em}a{color:#000}a:hover img{background:none !important;opacity:.8;cursor:pointer;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=70 )"}.link a{color:#036eb8}.link a:hover{color:#036eb8;text-decoration:underline}a.link{color:#036eb8}a:hover.link{color:#036eb8;text-decoration:underline}.header{width:100%;height:80px;padding:0;background:none;position:absolute;top:0;left:0;z-index:9999;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}.header .inbox{width:98%;height:80px;padding:0 1%;margin:0 auto;background:none;text-align:left;position:relative;top:0}.header .inbox .h-logoarea{display:inline-block;vertical-align:top;width:275px;padding:0;margin:20px 0 0;text-align:left}.header .inbox .h-logoarea img{width:100%}.header .inbox .h-logoarea img:hover{background:none;opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=70 )"}.header .inbox .h-rightbox{float:right;max-width:710px;padding:0;margin:0 80px 0 0}.header-appli{width:100%;height:80px;padding:0;padding:0;margin:0;background:#fff;position:fixed;z-index:9999;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}.header-appli .inbox{width:98%;max-width:1200px;height:80px;padding:0 1%;margin:0 auto;background:none;text-align:left;top:0}.header-appli .inbox .h-logoarea{display:inline-block;vertical-align:top;width:350px;padding:0;margin:18px 0 0;text-align:left}.header-appli .inbox .h-logoarea img{width:100%}.header-appli .inbox .h-logoarea img:hover{background:none;opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=70 )"}.header-appli .inbox .h-rightbox{display:inline-block;max-width:340px;padding:0;margin:27px 0 0 30px;font-size:13px}#gnav>ul{display:table;padding-left:0;margin:5px 0 0;right:0}#gnav>ul{box-sizing:border-box;-webkit-box-sizing:border-box}#gnav>ul>li:first-child{display:table-cell;padding:0 60px 0 0;margin:0}#gnav>ul>li{display:table-cell;padding:0 50px 0 0;margin:0}#gnav>ul>li img{width:90%;height:auto}#gnav>ul>li:hover{cursor:pointer;color:#000}#gnav>ul>li:hover>a{opacity:1;color:#000}#gnav>ul>li:hover .menu{max-height:9999px;opacity:1}#gnav>ul>li>a{display:inline-block;padding:0;margin:5px 0 0 0;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}#gnav>ul>li>a::after{content:"";width:90%;height:2px;background:#036eb8;position:absolute;left:0;bottom:4px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}#gnav>ul>li>a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}#headbar{width:100%;position:fixed;top:0;left:0;z-index:999}#header-scroll{width:100%;height:80px;background:rgba(255,255,255,.8);border-bottom:1px solid #ccc;color:#000;position:absolute;top:0;left:0;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}#header-scroll .inbox{width:98%;height:80px;padding:0 1%;margin:0 auto;background:none;text-align:left;position:relative;top:0}#header-scroll .inbox .h-logoarea{display:inline-block;vertical-align:top;width:275px;padding:0;margin:22px 0 0;text-align:left}#header-scroll .inbox .h-logoarea img{width:100%}#header-scroll .inbox .h-logoarea img:hover{background:none;opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=70 )"}#header-scroll .inbox .h-rightbox{float:right;max-width:710px;padding:0;margin:0 80px 0 0}#header-scroll #gnav-scroll>ul{display:table;padding-left:0;margin:5px 0 0;right:0}#header-scroll #gnav-scroll>ul{box-sizing:border-box;-webkit-box-sizing:border-box}#header-scroll #gnav-scroll>ul>li:first-child{display:table-cell;padding:0 60px 0 0;margin:0}#header-scroll #gnav-scroll>ul>li{display:table-cell;padding:0 50px 0 0;margin:0}#header-scroll #gnav-scroll>ul>li img{width:90%}#header-scroll #gnav-scroll>ul>li:hover{cursor:pointer;color:#000}#header-scroll #gnav-scroll>ul>li:hover>a{opacity:1;color:#000}#header-scroll #gnav-scroll>ul>li:hover .menu{max-height:9999px;opacity:1}#header-scroll #gnav-scroll>ul>li>a{display:inline-block;padding:0;margin:3px 0 0 0;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}#header-scroll #gnav-scroll>ul>li>a img{width:90%;height:auto}#header-scroll #gnav-scroll>ul>li>a::after{content:"";width:90%;height:2px;background:#036eb8;position:absolute;left:0;bottom:4px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}#header-scroll #gnav-scroll>ul>li>a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}#header-scroll .header-appli-scroll{width:100%;height:80px;padding:0;background:none;top:0;left:0;z-index:9999;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}#header-scroll .header-appli-scroll .inbox{width:98%;height:80px;padding:0 1%;margin:0 auto;background:none;text-align:left;top:0}#header-scroll .header-appli-scroll .inbox .h-logoarea{display:inline-block;vertical-align:top;width:350px;padding:0;margin:18px 0 0;text-align:left}#header-scroll .header-appli-scroll .inbox .h-logoarea img{width:100%}#header-scroll .header-appli-scroll .inbox .h-logoarea img:hover{background:none;opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=70 )"}#header-scroll .header-appli-scroll .inbox .h-rightbox-scroll{display:inline-block;max-width:340px;padding:0;margin:27px 0 0 30px;font-size:13px}.appli-navi{width:98%;padding:5px 1% 2px;margin:0;background:#fff;border-top:1px solid #999;border-bottom:1px solid #999;position:fixed;top:80px;z-index:9999}.appli-navi .applinavi-in{display:flex;justify-content:space-between;max-width:1200px;padding:0;margin:0 auto;font-size:14px;font-weight:bold;-webkit-box-pack:justify;-ms-flex-pack:justify}.appli-navi .applinavi-in li{padding:0;margin:0}.appli-navi .applinavi-in li>a.navi-link{display:inline-block;padding:0;margin:0;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.appli-navi .applinavi-in li>a.navi-link::after{content:"";width:100%;height:2px;background:#002f7c;position:absolute;left:0;bottom:1px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.appli-navi .applinavi-in li>a.navi-link:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.appli-navi .applinavi-in li>a.appservice{display:inline-block;padding:0 0 0 23px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-arrow-blk.svg) no-repeat;background-position:0 6px;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.appli-navi .applinavi-in li>a.appservice::after{content:"";width:100%;height:2px;background:#002f7c;position:absolute;left:0;bottom:1px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.appli-navi .applinavi-in li>a.appservice:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.appli-navi .applinavi-in li a.navi-search:hover{opacity:.5;transition:all .5s;-webkit-transition:all .5s}.appli-navi .applinavi-in li.navi-last{padding:3px 0 0;margin:0;position:relative}.appli-navi .applinavi-in li.navi-last .open-btn{width:50px;height:30px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-search.svg) no-repeat 20px 3px;background-size:20px 20px;cursor:pointer}.appli-navi .applinavi-in li.navi-last .open-btn.btnactive{background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon_close.svg) no-repeat 20px 3px;background-size:18px 18px}.appli-navi .applinavi-in li.navi-last #search-wrap{width:0;border-radius:8px;opacity:0;position:absolute;top:0;right:0;z-index:-1;transition:all .4s;-webkit-transition:all .4s}.appli-navi .applinavi-in li.navi-last #search-wrap.panelactive{width:280px;padding:20px;background:#eee;box-shadow:3px 3px 3px rgba(0,47,124,.5);opacity:1;top:38px;right:0;z-index:3;-webkit-box-shadow:3px 3px 3px rgba(0,47,124,.5)}.appli-navi .applinavi-in li.navi-last #search-wrap #searchform{display:none}.appli-navi .applinavi-in li.navi-last #search-wrap.panelactive #searchform{display:block}.appli-navi .applinavi-in li.navi-last #search-wrap input{cursor:pointer;outline:none;color:#666;-webkit-appearance:none}.appli-navi .applinavi-in li.navi-last #search-wrap input[type=text]{width:100%;height:46px;padding:10px;border:none;border-bottom:2px solid #ccc;letter-spacing:.05em;transition:all .5s;-webkit-transition:all .5s}.appli-navi .applinavi-in li.navi-last #search-wrap input[type=text]:focus{background:#fff}.appli-navi .applinavi-in li.navi-last #search-wrap input[type=submit]{width:30px;height:60px;text-indent:-9999px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-search.svg) no-repeat right;background-size:20px 20px;border:none;position:absolute;top:12px;right:30px}.footer-pagebottom-contact{min-height:250px;padding:60px 0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-bg-pagebtm-contact.jpg) no-repeat;background-position:center 0;background-size:cover;position:relative;z-index:0}.footer-pagebottom-contact::before{content:"";display:block;background-color:#036eb8;opacity:.7;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.footter-pagebottom-heading{padding:0;margin:60px auto 50px;font-size:30px;text-align:center}.footer-base-area{width:100%;padding:50px 0 50px;margin:0;background:#f2f7fa;text-align:left}.footerbox{display:flex;justify-content:space-between;max-width:1200px;padding:0;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify}.footerbox .footer-logo-area{width:250px;padding:0;margin:0 0 0 10px;text-align:left}.footerbox .footer-logo-area img{width:100%;height:auto}.footerbox .footer-menubox{display:flex;justify-content:space-between;width:700px;padding:0;margin:2px 0 0;font-size:15px;-webkit-box-pack:justify;-ms-flex-pack:justify}.footer-contact-base{max-width:1200px;padding:0 0 0 10px;margin:20px auto 0;text-align:left}.footer-contact-base .footer-contact-box{max-width:300px;padding:15px 20px;margin:0;border:1px solid #000}.f-menu{width:100%;max-width:1050px;height:20px;margin:0 auto;position:relative}.f-menu>li{float:left;width:16.666%;height:40px;background:rgba(255,255,255,0);line-height:50px}.f-menu>li a{display:block;color:#000}.f-menu>li a:hover{color:#333}ul.menu__second-level{opacity:0;z-index:1;visibility:hidden}.f-menu>li:hover{background:#fff;transition:all .5s;-webkit-transition:all .5s}.menu__second-level li{border-top:1px solid #fff;color:#fff}.menu__second-level li a{padding:10px 3px;color:#000;font-size:85%}.menu__second-level li a:hover{background:#eee}.f-menu:before,.f-menu:after{content:" ";display:table}.f-menu:after{clear:both}.f-menu{*zoom:1}.f-menu>li.menu__single{position:relative}li.menu__single ul.menu__second-level{width:100%;background:#036eb8;line-height:1.2;position:absolute;top:20px;transition:all .2s ease;-webkit-transition:all .2s ease}li.menu__single:hover ul.menu__second-level{opacity:1;top:40px;visibility:visible}.footer-copyright-box{width:100%;padding:10px 0 10px 0;margin:0 auto;background:#ddd;text-align:left}.footer-copyright-box .inbox{display:flex;justify-content:space-between;max-width:1200px;padding:0;margin:0 auto;color:#000;font-size:14px;-webkit-box-pack:justify;-ms-flex-pack:justify}.footer-copyright-box .footer-link-area{display:flex;justify-content:space-between;width:400px;padding:0;margin:0;text-align:right;-webkit-box-pack:justify;-ms-flex-pack:justify}.footer-copyright-box .footer-link{padding:0 17px 0 0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:right 9px}.footer-menulink a{display:inline-block;text-decoration:none;position:relative}.footer-menulink a::after{content:"";width:100%;height:2px;background:#036eb8;position:absolute;left:0;bottom:-2px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.footer-menulink a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.footer-appli-menulink a{display:inline-block;text-decoration:none;position:relative}.footer-appli-menulink a::after{content:"";width:100%;height:2px;background:#002f7c;position:absolute;left:0;bottom:-2px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.footer-appli-menulink a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}.footer-appli-base-area{width:98%;padding:50px 1% 30px;margin:0;background:#002f7c;color:#fff;text-align:left}.footer-appli-box{display:flex;justify-content:space-between;max-width:1200px;padding:0;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify}.footer-appli-box .footer-logo-area{width:300px;padding:0;margin:0;font-size:14px;line-height:1.6;text-align:left}.footer-appli-box .footer-logo-area img{width:100%;height:auto}.footer-appli-box .footer-menubox{display:flex;flex-wrap:wrap;justify-content:space-between;width:375px;padding:0;margin:2px 0 0;font-size:15px;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.footer-appli-box .footer-menubox li{margin:0 0 10px}.footer-appli-box .footer-menubox li .footer-applimenu{margin:0 0 20px}.footer-appli-box .footer-menubox li .footer-applimenu>a{display:inline-block;padding:0;margin:0;color:#fff;text-decoration:none;position:relative;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}.footer-appli-box .footer-menubox li .footer-applimenu>a::after{content:"";width:100%;height:2px;background:#e50012;position:absolute;left:0;bottom:1px;transition:transform .3s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:right top;-webkit-transition:-webkit-transform .3s}.footer-appli-box .footer-menubox li .footer-applimenu>a:hover::after{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:left top}#page-top,#form-page-top{position:fixed;right:12px;z-index:10}#page-top a,#form-page-top a{display:block;text-decoration:none}#page-top a:hover,#form-page-top a:hover{text-decoration:none}.header-contact-button{display:inline-block;vertical-align:top;width:110px;height:80px;padding:13px 0 0;background-color:#f05454;outline:none;color:#fff;font-size:16px;line-height:80px;text-align:center;text-decoration:none;position:absolute;right:0}.header-contact-button::before,.header-contact-button::after{content:"";display:block;position:absolute;z-index:-1}.header-contact-button,.header-contact-button::before,.header-contact-button::after{box-sizing:border-box;transition:all .5s;-webkit-box-sizing:border-box;-webkit-transition:all .5s}.header-contact-button:hover{background-color:#ff9696}.top-button{display:inline-block;width:640px;padding:15px 0;background-color:#f05454;border-radius:50px;color:#fff;font-size:30px;text-align:center;text-decoration:none;position:relative}.top-button::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-arrow-wh.svg);margin-top:-5px;position:absolute;top:12%;right:.5em;border-left-color:#fff}.top-button:hover{background-color:#ff9696;transition:all .5s;-webkit-transition:all .5s}.top-button:hover::after{animation:arrow .4s;-webkit-animation:arrow .4s}@keyframes arrow{50%{right:.2em}100%{right:.5em}}.top-contact-button{display:inline-block;width:450px;padding:15px 0;background:none;border:1px solid #fff;border-radius:50px;color:#fff;font-size:30px;text-align:center;text-decoration:none;position:relative}.top-contact-button::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-arrow-wh.svg);margin-top:-5px;position:absolute;top:12%;right:.5em;border-left-color:#fff}.top-contact-button:hover{background-color:rgba(255,255,255,.3);transition:all .5s;-webkit-transition:all .5s}.top-contact-button:hover::after{animation:arrow-contact .4s;-webkit-animation:arrow-contact .4s}@keyframes arrow-contact{50%{right:.2em}100%{right:.5em}}.download-button{display:inline-block;width:100%;height:54px;margin:20px 0 0;background-color:#fff;border:1px solid #036eb8;border-radius:8px;outline:none;color:#036eb8;line-height:54px;text-align:center;text-decoration:none}.download-button::before,.download-button::after{content:"";display:block;position:absolute;z-index:-1}.download-button,.download-button::before,.download-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.download-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.page-back-button{display:inline-block;height:54px;padding:0 20px;margin:0 10px;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:18px;line-height:52px;text-align:center;text-decoration:none}.page-back-button::before,.page-back-button::after{content:"";display:block;position:absolute;z-index:-1}.page-back-button,.page-back-button::before,.page-back-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.page-back-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.faq-index-button{display:inline-block;width:100%;height:60px;padding:0 20px;margin:0;background-color:#036eb8;border:1px solid #036eb8;border-radius:8px;outline:none;color:#fff;font-size:22px;line-height:58px;text-align:center;text-decoration:none}.faq-index-button::before,.faq-index-button::after{content:"";display:block;position:absolute;z-index:-1}.faq-index-button,.faq-index-button::before,.faq-index-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.faq-index-button:hover{background-color:#fff;border:1px solid #036eb8;color:#036eb8}.column-button{display:inline-block;height:40px;padding:0 20px;margin:0 10px;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:16px;line-height:38px;text-align:center;text-decoration:none}.column-button::before,.column-button::after{content:"";display:block;position:absolute;z-index:-1}.column-button,.column-button::before,.column-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.column-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.partner-button{display:inline-block;height:40px;padding:0 20px;margin:0 10px;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:16px;line-height:38px;text-align:center;text-decoration:none;position:absolute;right:0;bottom:0}.partner-button::before,.partner-button::after{content:"";display:block;position:absolute;z-index:-1}.partner-button,.partner-button::before,.partner-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.partner-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.notfound-button{display:inline-block;height:54px;padding:0 20px;margin:0 10px;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:16px;line-height:52px;text-align:center;text-decoration:none}.notfound-button::before,.notfound-button::after{content:"";display:block;position:absolute;z-index:-1}.notfound-button,.notfound-button::before,.notfound-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.notfound-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.footer-entry-btn-area{display:flex;justify-content:space-between;max-width:970px;padding:0;margin:80px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify}.footer-entry-btn-area li{width:400px;padding:0;margin:0}.formtb dl,.formtb dt,.formtb dd{padding:0;margin:0}.formtb dl{display:table;width:99%;border-style:none solid none solid}.formtb dl:last-child{border-style:none solid solid solid}.formtb dt{display:table-cell;vertical-align:top;padding:25px 0 10px}.formtb dd{display:table-cell;vertical-align:middle;width:75%;padding:20px 0;text-align:left}.form-must{width:50px;height:24px;padding:4px 7px;margin-top:-12px;margin-right:10px;background:#f05454;border-radius:6px;color:#fff;font-size:12px;line-height:24px;text-align:center}.downloadform-must{padding:0 0 0 55px;margin:30px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-must.svg) no-repeat;background-position:0 5px;text-align:left}.downloadform-must-01{padding:0 0 0 55px;margin:15px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-must.svg) no-repeat;background-position:0 5px;text-align:left}.form-note{padding:0;margin:2px 0 0;color:#555;font-size:11px;text-align:left}.input-01{width:100%;height:50px;padding-left:10px;background:#fff;border:1px solid #e1e1e1;border-radius:6px;font-size:15px}.input-02{width:35%;height:50px;padding-left:10px;background:#fff;border:1px solid #e1e1e1;border-radius:6px;font-size:15px}.form-date-txt{display:inline-block;width:20px;margin:0 15px 0 5px;font-size:15px}.inputmessage-01{width:100%;height:150px;padding:10px;margin:0;margin-left:0;background:#fff;border:1px solid #e1e1e1;border-radius:6px;font-size:15px}.input-01a{width:100%;height:40px;padding-left:10px;background:#fff;border:1px solid #e1e1e1;border-radius:6px;font-size:15px}.input-02a{width:35%;height:50px;padding-left:10px;background:#fff;border:1px solid #e1e1e1;border-radius:6px;font-size:15px}.downloadform-button-area{display:flex;justify-content:center;align-items:center;padding:0;margin:10px 0 0;text-align:center;-webkit-box-align:center;-webkit-box-pack:center;-ms-flex-align:center;-ms-flex-pack:center}.submit-button{display:inline-block;width:200px;padding:10px 0;margin:20px 0 0;background:#036eb8;border:none;border-radius:12px;color:#fff;font-size:16px}.submit-button:hover{width:200px;padding:10px 0;margin:20px 0 0;background:#0284de;border:none;border-radius:12px;cursor:pointer;color:#fff;font-size:16px}.back-button{display:inline-block;width:100px;padding:10px 0;margin:20px 15px 0;background:#999;border:none;border-radius:12px;color:#fff;font-size:16px}.back-button:hover{display:inline-block;width:100px;padding:10px 0;margin:20px 15px 0;background:#ccc;border:none;border-radius:12px;cursor:pointer;color:#fff;font-size:16px}.privacy-area{padding:0;margin:5px 0 0;font-size:14px;text-align:center}.mw_wp_form_confirm .formtb dd.input-text{padding:10px 0 0;margin:0}.top-contents-title{padding:0;margin:0;color:#fff;font-size:40px;font-weight:bold;text-align:center}.top-contents-title-02{display:inline-block;padding:0 70px;font-size:40px;font-weight:bold;position:relative}.top-contents-title-02:before,.top-contents-title-02:after{content:"";display:inline-block;width:45px;height:1px;background-color:#000;position:absolute;top:50%}.top-contents-title-02:before{left:0}.top-contents-title-02:after{right:0}.top-about-heading{padding:0;margin:0;color:#00ade1;font-size:26px;font-weight:bold;line-height:1.5;position:absolute;top:0;left:80px}.top-about-heading-02{padding:0;margin:0;color:#00ade1;font-size:26px;font-weight:bold;line-height:1.5;position:absolute;top:15px;left:80px}.appli-heading{border-bottom:solid 3px #ddd;font-size:24px;font-weight:bold;position:relative}.appli-heading:after{content:" ";display:block;width:14%;border-bottom:solid 3px #002f7c;position:absolute;bottom:-3px}.appli-side-heading{margin:30px 0 0;border-bottom:solid 3px #ddd;font-size:20px;font-weight:bold;position:relative}.appli-side-heading:after{content:" ";display:block;width:34%;border-bottom:solid 3px #002f7c;position:absolute;bottom:-3px}h2.page-heading{padding:3px 10px 3px 10px;margin:20px 0;font-size:26px;font-weight:bold;line-height:1.4;position:relative}h2.page-heading:before{content:"";width:8px;height:calc(100% - 10px);background-color:#036eb8;position:absolute;top:5px;left:0}.appli-relate-heading,.widgettitle{padding:0;margin:30px 0 0;border-bottom:solid 3px #ddd;font-size:24px;font-weight:bold;position:relative}.appli-relate-heading:after,.widgettitle:after{content:" ";display:block;width:14%;border-bottom:solid 3px #002f7c;position:absolute;bottom:-3px}.appli-search-heading{border-bottom:solid 3px #ddd;font-size:24px;font-weight:bold;position:relative}.appli-search-heading :after{content:" ";display:block;width:14%;border-bottom:solid 3px #002f7c;position:absolute;bottom:-3px}.bosyu-heading-base{padding:0;margin:0;background:#ebebeb;color:#002f7c;font-size:30px;font-weight:bold;text-align:left}.bosyu-heading-base .bosyu-heading{padding:10px 0 10px 150px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-bosyu.svg) no-repeat}.partner-heading-base{padding:0;margin:0;background:#ebebeb;color:#002f7c;font-size:30px;font-weight:bold;text-align:left}.partner-heading-base .partner-heading{padding:10px 0 10px 150px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-partner.svg) no-repeat}.mailmagazine-heading-base{padding:0;margin:0;background:#ebebeb;color:#002f7c;font-size:30px;font-weight:bold;text-align:left}.mailmagazine-heading-base .mailmagazine-heading{padding:10px 0 10px 150px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-mailmagazine.svg) no-repeat}.applisitemap-heading-base{padding:0;margin:0;background:#ebebeb;color:#002f7c;font-size:30px;font-weight:bold;text-align:left}.applisitemap-heading-base .applisitemap-heading{padding:10px 0 10px 150px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-applisitemap.svg) no-repeat}.slider{width:100%;height:92vh;padding:0;margin:0;position:relative}.main-catch-area{max-width:1200px;padding:0;margin:280px auto 0;position:relative}.main-catch-area-02{max-width:1200px;padding:0;margin:280px auto 0;position:relative}p.main-catch-01{border-right:solid 7px rgba(0,173,225,.8);overflow:hidden;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#000;font-size:40px;font-weight:bold;line-height:1.3;text-align:left;text-shadow:2px 2px 2px #fff,-2px -2px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff,2px 0 2px #fff,-2px 0 2px #fff,0 2px 2px #fff,0 -2px 2px #fff;white-space:nowrap}p.main-catch-01{animation:animated-text 1.2s steps(13, end) 1s 1 normal both,animated-cursor 2500ms steps(13, end) infinite;-webkit-animation:animated-text 1.2s steps(13, end) 1s 1 normal both,animated-cursor 2500ms steps(13, end) infinite}@keyframes animated-text{from{width:0}to{width:530px}}@keyframes animated-cursor{from{border-right-color:rgba(0,173,225,.9)}to{border-right-color:rgba(0,0,0,0)}}p.main-catch-02{margin:20px 0 0;border-right:solid 7px rgba(0,173,225,.9);overflow:hidden;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#000;font-size:40px;font-weight:bold;line-height:1.3;text-align:left;text-shadow:2px 2px 2px #fff,-2px -2px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff,2px 0 2px #fff,-2px 0 2px #fff,0 2px 2px #fff,0 -2px 2px #fff;white-space:nowrap}p.main-catch-02{animation:animated-text-02 1s steps(10, end) 1s 1 normal both,animated-cursor-02 2500ms steps(10, end) infinite;-webkit-animation:animated-text-02 1s steps(10, end) 1s 1 normal both,animated-cursor-02 2500ms steps(10, end) infinite}@keyframes animated-text-02{from{width:0}to{width:1150px}}@keyframes animated-cursor-02{from{border-right-color:rgba(0,173,225,.9)}to{border-right-color:rgba(0,0,0,0)}}.main-bottom-area{width:100%;padding:15px 0;margin:0;background:rgba(245,245,245,.8);position:absolute;bottom:0}.main-bottom-area .main-bottom-contents{display:flex;justify-content:space-between;align-items:center;max-width:1100px;padding:10px 0;margin:0 auto;font-size:20px;text-align:left;-webkit-box-align:center;-webkit-box-pack:justify;-ms-flex-align:center;-ms-flex-pack:justify}.main-bottom-area .main-bottom-contents .btm-box01{width:30%;padding:0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-mainimg-bar.png) no-repeat;background-position:270px top;line-height:1.4}.main-bottom-area .main-bottom-contents .btm-box02{width:32%;padding:0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-mainimg-bar.png) no-repeat;background-position:285px top;line-height:1.4}.main-bottom-area .main-bottom-contents .btm-box03{width:38%;padding:0;margin:0;line-height:1.2}.slide-bottom{opacity:0;transition:all 1.3s 0s ease-out;transform:translateY(20px);-webkit-transform:translateY(20px);-webkit-transition:all 1.3s 0s ease-out}@keyframes fade-in{from{opacity:0;transform:translateY(100px);-webkit-transform:translateY(100px)}to{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}}.pickup-slider{width:1170px;height:245px;margin:0 auto}.pickup-slider li{height:245px;border-left:5px solid #f2f7fa;color:#000;text-align:center;position:relative}.pickup-slider li img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.slide-pickup-area{box-sizing:border-box;width:100%;padding:10px;background:rgba(0,0,0,.5);color:#fff;text-align:left;position:absolute;left:0;right:0;bottom:0;-webkit-box-sizing:border-box}.slide-pickup-date{padding:0 0 0 22px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-slidedate.svg) no-repeat;background-position:0 7px;font-size:14px;text-align:left}.slide-pickup-title{padding:0;margin:5px 0 0;line-height:1.7;text-align:left}.category-pickup{min-width:100px;padding:2px 7px;background:#ffbc2b;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.txt12{font-size:12px}.txt13{font-size:13px}.txt14{font-size:14px}.txt15{font-size:15px}.txt16{font-size:16px}.txt18{font-size:18px}.txt20{font-size:20px}.txt22{font-size:22px}.txt24{font-size:24px}.txt26{font-size:26px}.txt28{font-size:28px}.txt30{font-size:30px}.txt32{font-size:32px}.txt34{font-size:34px}.txt36{font-size:36px}.txt38{font-size:38px}.txt40{font-size:40px}.txt46{font-size:46px}.txt50{font-size:50px}.txt56{font-size:56px}.txt60{font-size:60px}.text-bold{font-weight:bold}.text-udl{text-decoration:underline}.font-italic{font-style:italic}.red{color:#f05454}.red-b{color:#f05454;font-weight:700}.blue{color:#036eb8}.blue-b{color:#036eb8;font-weight:700}.skyblue{color:#00ade1}.skyblue-b{color:#00ade1;font-weight:700}.gray{color:#ccc}.darkgray{color:#888}.black{color:#000}.footer-appli-box .footer-logo-area .sns-icon img{width:35px !important}.foot-company-name{display:block;margin-top:10px}.privacy-mark-app{margin-top:10px;text-align:left}.privacy-mark-app img{width:65px !important}.blogtitle{margin:40px 0;font-size:28px;font-weight:bold}body{line-height:1.5;letter-spacing:1px}.container{max-width:1040px;margin:0 auto}.date{font-size:14px}.mainvisual .container{display:block;text-align:center}.mainvisual .container img{display:inline-block;margin:0 auto 40px auto}.overview{margin:0 0 30px}.overview h2{font-size:18px;font-weight:bold}.overview h3{font-size:13px;font-weight:100}.event{margin:0 0 40px}.event h2{margin:0 0 10px;font-weight:bold}.event h3{font-size:13px;font-weight:100}.images{max-width:1000px}.images__box{display:flex;align-items:center;gap:10px;margin:0 auto}.img-item{max-width:100% !important;margin:0 0 40px}.img-list{max-width:32% !important}.link{font-size:12px;line-height:2}.company{margin:0 0 40px}.company__title{display:flex;margin:0 0 20px}.company h2{font-weight:bold}.company a{margin-left:10px;color:#e50012;font-weight:bold}.company p{font-size:15px}.app{margin:0 0 40px}.app__title{display:flex;margin:0 0 20px}.app h2{font-weight:bold}.app a{margin-left:10px;color:#e50012;font-weight:bold}.app p{font-size:15px}.pressRelease{margin:0 0 80px}.pressRelease a{display:block;color:#e50012;font-size:13px;font-weight:bold;text-align:center}.skippr{width:100%;height:100%;overflow:hidden;position:relative}.skippr>div{width:100%;height:100%;background-position:50% 62.5%;background-size:cover;position:absolute}.skippr>img{width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%)}.skippr-nav-container{overflow:auto;position:absolute;left:50%;bottom:25px;z-index:999;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0)}.skippr-nav-element{float:left;background-color:rgba(255,255,255,.5);cursor:pointer;transition:all .25s linear;-webkit-transition:all .25s linear}.skippr-nav-element-bubble{width:12px;height:12px;margin:0 4px;border-radius:50%}.skippr-nav-element-block{width:60px;height:10px}.skippr-nav-element:hover,.skippr-nav-element-active{background-color:#fff}.skippr-arrow{width:30px;height:30px;cursor:pointer;position:absolute;top:50%;z-index:99;transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform-origin:center center}.skippr-previous{border-top:2px solid #fff;border-left:2px solid #fff;left:2.5%;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.skippr-next{border-right:2px solid #fff;border-bottom:2px solid #fff;right:3.5%;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.slick-loading .slick-list{background:#fff url(https://ma-inc.jp/game_support/wp-content/themes/gamesupportplus/ajax-loader.gif) center center no-repeat}@font-face{font-family:"slick";font-weight:normal;font-style:normal;src:url(https://ma-inc.jp/game_support/wp-content/themes/gamesupportplus/fonts/slick.eot);src:url(https://ma-inc.jp/game_support/wp-content/themes/gamesupportplus/fonts/slick.eot?#iefix) format("embedded-opentype"),url(https://ma-inc.jp/game_support/wp-content/themes/gamesupportplus/fonts/slick.woff) format("woff"),url(https://ma-inc.jp/game_support/wp-content/themes/gamesupportplus/fonts/slick.ttf) format("truetype"),url(https://ma-inc.jp/game_support/wp-content/themes/gamesupportplus/fonts/slick.svg#slick) format("svg")}.slick-prev,.slick-next{display:block;width:20px;height:20px;padding:0;background:rgba(0,0,0,0);border:none;cursor:pointer;outline:none;color:rgba(0,0,0,0);font-size:0;line-height:0;position:absolute;top:50%;transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%)}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{background:rgba(0,0,0,0);outline:none;color:rgba(0,0,0,0)}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{opacity:.75;font-family:"slick";color:#666;font-size:20px;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{display:block;list-style:none;width:100%;padding:0;margin:0;text-align:center;position:absolute;bottom:-25px}.slick-dots li{display:inline-block;width:20px;height:20px;padding:0;margin:0 5px;cursor:pointer;position:relative}.slick-dots li button{display:block;width:20px;height:20px;padding:5px;background:rgba(0,0,0,0);border:0;cursor:pointer;outline:none;color:rgba(0,0,0,0);font-size:0;line-height:0}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{content:"•";width:20px;height:20px;opacity:.25;font-family:"slick";color:#000;font-size:6px;line-height:20px;text-align:center;position:absolute;top:0;left:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.slick-arrow:before{content:"" !important;width:100% !important;height:100% !important;position:absolute;top:0;left:0}.slick-next:before{margin:0 0 0 -5px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/pickup-arrow-next.svg) !important;background-size:contain !important}.slick-prev:before{margin:0 0 0 7px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/pickup-arrow-prev.svg) !important;background-size:contain !important}.slick-slider{box-sizing:border-box;display:block;position:relative;-khtml-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slick-list{display:block;padding:0;margin:0;overflow:hidden;position:relative}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0)}.slick-track{display:block;margin-left:auto;margin-right:auto;position:relative;top:0;left:0}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;display:none;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid rgba(0,0,0,0)}.slick-arrow.slick-hidden{display:none}@font-face{font-family:"swiper-icons";font-weight:400;font-style:normal;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:content-box;display:flex;width:100%;height:100%;position:relative;z-index:1;transition-property:transform}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom{width:100%;height:100%;pointer-events:none;position:absolute;top:0;left:0;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{display:flex;justify-content:center;align-items:center;width:calc(var(--swiper-navigation-size)/44*27);height:var(--swiper-navigation-size);margin-top:calc(-1*var(--swiper-navigation-size)/2);cursor:pointer;color:var(--swiper-navigation-color, var(--swiper-theme-color));position:absolute;top:50%;z-index:10}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);font-variant:initial;line-height:1;letter-spacing:0;text-transform:none !important;text-transform:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{left:auto;right:10px}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:"next"}.swiper-button-prev.swiper-button-white,.swiper-button-next.swiper-button-white{--swiper-navigation-color: #fff}.swiper-button-prev.swiper-button-black,.swiper-button-next.swiper-button-black{--swiper-navigation-color: #000}.swiper-button-lock{display:none}.swiper-pagination{text-align:center;position:absolute;z-index:10;transition:300ms opacity;transform:translate3d(0, 0, 0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal>.swiper-pagination-bullets{width:100%;left:0;bottom:10px}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{display:inline-block;width:30px;height:5px;background:#000;border-radius:0;opacity:.2}button.swiper-pagination-bullet{padding:0;margin:0;border:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{background:#071369;opacity:1}.swiper-container-vertical>.swiper-pagination-bullets{top:50%;right:10px;transform:translate3d(0px, -50%, 0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform,200ms top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{width:100%;height:100%;background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;top:0;left:0;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;top:0;left:0}.swiper-container-vertical>.swiper-pagination-progressbar,.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:4px;height:100%;top:0;left:0}.swiper-pagination-white{--swiper-pagination-color: #fff}.swiper-pagination-black{--swiper-pagination-color: #000}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:rgba(0,0,0,.1);border-radius:10px;position:relative;-ms-touch-action:none}.swiper-container-horizontal>.swiper-scrollbar{width:98%;height:5px;position:absolute;left:1%;bottom:3px;z-index:50}.swiper-container-vertical>.swiper-scrollbar{width:5px;height:98%;position:absolute;top:1%;right:3px;z-index:50}.swiper-scrollbar-drag{width:100%;height:100%;background:rgba(0,0,0,.5);border-radius:10px;position:relative;top:0;left:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{box-sizing:border-box;width:42px;height:42px;margin-top:-21px;margin-left:-21px;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;position:absolute;top:50%;left:50%;z-index:10;animation:swiper-preloader-spin 1s infinite linear;border-top-color:rgba(0,0,0,0);transform-origin:50%}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{opacity:0;pointer-events:none;position:absolute;top:0;left:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{width:100%;height:100%;pointer-events:none;z-index:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-origin:0 0;visibility:hidden}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-prev,.swiper-container-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{width:100%;height:100%;opacity:.6;position:absolute;left:0;bottom:0;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;top:0;left:0;right:0;bottom:0;filter:blur(50px);-webkit-filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;z-index:1;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}html{scroll-behavior:smooth}*{box-sizing:border-box}img{width:100%}a{color:inherit;text-decoration:none}li{list-style:none}@media screen and (max-width: 980px){body{padding:0;margin:0;background:#fff;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#000;font-size:1.6rem;line-height:2;text-align:center;font-display:swap}.wrapper{width:100%;min-width:100%;padding:0;margin:0;overflow:hidden}#faq01,#faq02,#faq03{padding-top:102px;margin-top:-102px}.is-pc{display:none !important}.is-sp{display:block !important}.is-header-pc{display:none !important}.is-header-sp{display:block !important}.drawer-navbar{display:block !important}.bread-area{max-width:90%;padding:30px 5% 0;margin:0;font-size:14px;text-align:left}.bread-area-notfound{max-width:90%;padding:20px 5% 0;margin:60px 0 0;font-size:14px;text-align:left}.bread-area-appli{max-width:90%;padding:20px 5% 20px;margin:60px auto 0;font-size:14px;text-align:left}div.scroll{display:inline-block;padding:10px 10px 60px;overflow:hidden;font-family:"Josefin Sans",sans-serif;color:#000;font-size:12px;line-height:1;letter-spacing:.2em;text-decoration:none;text-transform:uppercase;text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff,1px 0 1px #fff,-1px 0 1px #fff,0 1px 1px #fff,0 -1px 1px #fff;position:absolute;left:40px;bottom:0;z-index:2;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}div.scroll::after{content:"";width:1px;height:50px;background:#000;position:absolute;left:50%;bottom:0;animation:sdl 2s cubic-bezier(1, 0, 0, 1) infinite;-webkit-animation:sdl 2s cubic-bezier(1, 0, 0, 1) infinite}@keyframes sdl{0%{transform:scale(1, 0);-webkit-transform:scale(1, 0);transform-origin:0 0}30%{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:0 0}70%{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:0 100%}100%{transform:scale(1, 0);-webkit-transform:scale(1, 0);transform-origin:0 100%}}.page-base{width:90%;padding:60px 0;margin:0 auto}.page-base-02{width:100%;padding:0;margin:0 auto;background:#f2f7fa}.page-base-download{padding:60px 0 20px;margin:0;background:#fff}.page-case-area{padding:60px 0 0;margin:0}.section-comp-02{padding:0;margin:60px 0 0}.section-comp-03{padding:0;margin:60px 0 0}.section-comp-04{padding:60px 0 0;margin:0}.section-comp-05{padding:60px 0;margin:0;background:#fff}.section-comp-06{padding:0 0 60px;margin:0;background:#fff}.contents-base-01{box-sizing:border-box;width:90%;padding:30px 30px 0;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;top:220px;left:0;right:0;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.contents-base-02{box-sizing:border-box;width:90%;padding:30px 30px 60px;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;top:220px;left:0;right:0;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}ul.point-area{display:flex;flex-direction:column;flex-wrap:wrap;padding:0;margin:0;text-align:left;-ms-flex-wrap:wrap}ul.point-area li{display:flex;flex-direction:column-reverse;width:100%;padding:0;margin:0 0 40px}ul.point-area li .point-icon{vertical-align:top;width:50%;padding:0;margin:30px auto 0}ul.point-area li .point-icon img{width:100%;height:auto}ul.point-area li .point-text{vertical-align:top;width:100%;padding:0;margin:0;line-height:1.8}ul.point-area li .point-icon-02{vertical-align:top;width:40%;padding:0;margin:30px auto 0}ul.point-area li .point-icon-02 img{width:100%;height:auto}ul.point-area li .point-text-02{vertical-align:top;width:100%;padding:0;margin:0;line-height:1.8}.sp-top-about-01{width:90%;padding:0 0 50px;margin:50px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n01.svg) no-repeat;background-position:right top;text-align:left;position:relative}.sp-top-about-02{width:90%;padding:0 0 50px;margin:50px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n02.svg) no-repeat;background-position:right top;text-align:left;position:relative}.sp-top-about-03{width:90%;padding:0 0 50px;margin:50px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n03.svg) no-repeat;background-position:right top;text-align:left;position:relative}.sp-top-about-04{width:90%;padding:0 0 50px;margin:50px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n04.svg) no-repeat;background-position:right top;text-align:left;position:relative}.sp-top-about-05{width:90%;padding:0 0 50px;margin:50px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n05.svg) no-repeat;background-position:right top;text-align:left;position:relative}.sp-top-about-06{width:90%;padding:0 0 50px;margin:50px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n06.svg) no-repeat;background-position:right top;text-align:left;position:relative}.sp-top-about-01:after,.sp-top-about-02:after,.sp-top-about-03:after,.sp-top-about-04:after,.sp-top-about-05:after{content:"";width:60%;height:1px;background-color:#000;border-radius:0;position:absolute;left:20%;bottom:0}.page-button-area,.page-button-area-02{width:90%;padding:0;margin:60px auto 0}.top-example-lead{padding:0;margin:20px 0 0;font-size:20px;font-weight:bold;line-height:1.5;text-align:left}ul.top-example-contents{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:700px;padding:0;margin:0 auto 0;text-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}ul.top-example-contents li{vertical-align:middle;width:48%;padding:0;margin:40px 0 30px;position:relative}ul.top-example-contents li img{width:100%;height:auto}ul.top-example-contents li .text01{font-size:20px;font-weight:bold;line-height:1.3;letter-spacing:-1px;position:absolute;left:0;right:0;bottom:-30px}ul.top-example-contents li .text02{font-size:20px;font-weight:bold;line-height:1.3;letter-spacing:-1px;position:absolute;left:0;right:0;bottom:-50px}ul.top-example-contents li.icon04{vertical-align:middle;width:10%;margin:0 0 0 30px;position:relative}ul.top-example-contents li.icon04 img{width:100%;height:auto}.contents-case-base{box-sizing:border-box;display:flex;flex-direction:column-reverse;max-width:90%;padding:30px;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.contents-case-base li.case-image{width:100%;padding:0;margin:35px 0 0}.contents-case-base li.case-image img{width:100%;height:auto}.contents-case-base li.case-text-area{width:100%;padding:0;margin:0;text-align:left}.contents-case-base li.case-text-area .case-heading{padding:0;margin:0;color:#036eb8;font-size:24px;font-weight:bold;line-height:1.4}.contents-case-base li.case-text-area .case-icon{display:block;width:70px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base li.case-text-area .case-icon-02{display:block;width:140px;padding:6px 10px;margin:5px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base li.case-text-area .case-text{display:block;width:120px;padding:0;margin:5px 20px 0 0;font-size:18px}.contents-case-base li.case-text-area .case-text-02{display:block;width:220px;padding:0;margin:5px 20px 0 0;font-size:18px}.contents-case-base li.case-text-area .case-text-03{display:block;width:220px;padding:0;margin:10px 20px 0 0;font-size:18px}.contents-case-base-02{box-sizing:border-box;display:flex;flex-direction:column;width:90%;padding:30px;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.contents-case-base-02 li.case-image{width:100%;padding:0;margin:35px 0 0}.contents-case-base-02 li.case-image img{width:100%;height:auto}.contents-case-base-02 li.case-text-area{width:100%;padding:0;margin:0;text-align:left}.contents-case-base-02 li.case-text-area .case-heading{padding:0;margin:0;color:#036eb8;font-size:24px;font-weight:bold;line-height:1.4}.contents-case-base-02 li.case-text-area .case-icon{display:inline-block;width:70px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base-02 li.case-text-area .case-icon-02{display:inline-block;width:140px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base-02 li.case-text-area .case-text{display:inline-block;width:150px;padding:0;margin:5px 20px 0 0;font-size:18px}.contents-case-base-02 li.case-text-area .case-text-02{display:inline-block;width:220px;padding:0;margin:5px 20px 0 0;font-size:18px}.contents-case-base-02 li.case-text-area .case-text-03{display:inline-block;width:220px;padding:0;margin:10px 20px 0 0;font-size:18px}ul.plan-contents{display:flex;flex-direction:column;max-width:90%;padding:0 20px;margin:60px auto 0}ul.plan-contents li{box-sizing:border-box;width:280px;min-height:480px;padding:0;margin:0 auto;-webkit-box-sizing:border-box}ul.plan-contents li .circle{box-sizing:border-box;display:inline-block;width:280px;height:280px;padding:70px 0 0;background:#fff;border-radius:50%;box-shadow:0 0 8px #ccc;text-align:center;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.top-faq-base{width:90%;padding:0;margin:60px auto 0;text-align:left}.accordion-container .accordion-title{width:77%;padding:30px 5% 30px 18%;margin:0 auto;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-question.svg) no-repeat;background-position:5px 30px;border-top:1px solid #ccc;cursor:pointer;color:#000;font-size:18px;font-weight:normal;text-align:left;position:relative}.accordion-container .accordion-title:hover,.accordion-container .accordion-title:active,.accordion-title.open{background-color:none}.accordion-container .accordion-title::before{content:"";width:15px;height:0;background:#ccc;position:absolute;top:50%;right:25px;transition:all .3s ease-in-out;transform:rotate(90deg);-webkit-transform:rotate(90deg);-webkit-transition:all .3s ease-in-out}.accordion-container .accordion-title::after{content:"";width:15px;height:0;background:#ccc;position:absolute;top:50%;right:25px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}.accordion-container .accordion-title.open::before{transform:rotate(180deg);-webkit-transform:rotate(180deg)}.accordion-container .accordion-title.open::after{opacity:0}.accordion-content{display:none;width:77%;padding:30px 5% 30px 18%;background:#f4f4f4;text-align:left;position:relative}.accordion-content:before{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-answer.svg);box-sizing:border-box;display:block;padding:0;position:absolute;top:28px;left:5px;-webkit-box-sizing:border-box}.movie-area{width:90%;padding:0;margin:60px auto 0}.movie-youtube{width:100%;margin:20px auto 0}.page-main-case{height:200px;padding:0;margin:60px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-case.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-download{height:200px;padding:0;margin:60px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-download.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-faq{height:200px;padding:0;margin:60px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-faq.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-contact{height:200px;padding:0;margin:60px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-contact.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-sitemap{height:200px;padding:0;margin:60px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-sitemap.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.pagetitle{padding:0;margin:0;color:#fff;font-size:30px;font-weight:bold;position:absolute;top:35%;left:0;right:0}.page-case-base{box-sizing:border-box;width:94%;padding:30px;margin:0 auto 50px;background:#fff;border:1px solid #036eb8;border-radius:30px;-webkit-box-sizing:border-box}.page-case-base-02{box-sizing:border-box;width:94%;padding:30px;margin:60px auto 0;background:#fff;border:1px solid #036eb8;border-radius:30px;-webkit-box-sizing:border-box}.page-case-box{display:flex;flex-direction:column;padding:0;margin:0}.page-case-box .case-image{width:100%;padding:0;margin:0}.page-case-box .case-image img{width:100%;height:auto}.page-case-box .case-text-area{width:100%;padding:0;margin:0;text-align:left}.page-case-box .case-text-area .case-heading{padding:0;margin:25px 0 0;color:#036eb8;font-size:24px;font-weight:bold;line-height:1.4}.page-case-box .case-text-area .case-lead{padding:0;margin:25px 0 0;font-size:20px;font-weight:bold;line-height:1.5}.page-case-box .case-text-area .case-icon{display:inline-block;width:70px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.page-case-box .case-text-area .case-icon-02{display:inline-block;width:140px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.page-case-box .case-text-area .case-text{display:inline-block;width:550px;padding:0;margin:10px 20px 0 0;font-size:18px}.page-case-box .case-text-area .case-text-02{display:inline-block;width:400px;padding:0;margin:10px 20px 0 0;font-size:18px}.case-flow-area{box-sizing:border-box;display:flex;flex-direction:column;padding:0;margin:40px 0 0;-webkit-box-sizing:border-box}.case-flow-area .flow-box{width:100%;padding:0;margin:0}.case-flow-area .flow-arrow{width:100%;padding:15px 0 10px;margin:0;text-align:center;transform:rotate(90deg);-webkit-transform:rotate(90deg)}.case-flow-area .flow-bf-heading{padding:5px;margin:0;background:#036eb8;border-radius:16px 16px 0 0;color:#fff;font-size:22px;text-align:center}.case-flow-area .flow-bf-contents{padding:20px;margin:0;background:#f2f7fa;border:1px solid #036eb8;border-radius:0 0 16px 16px;text-align:left}.case-flow-area .flow-af-heading{padding:5px;margin:0;background:#00ade1;border-radius:16px 16px 0 0;color:#fff;font-size:22px;text-align:center}.case-flow-area .flow-af-contents{padding:20px;margin:0;background:#f2f7fa;border:1px solid #00ade1;border-radius:0 0 16px 16px;text-align:left}.down-load-base{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;width:90%;padding:0;margin:0 auto;text-align:left;-webkit-box-sizing:border-box;-ms-flex-wrap:wrap}.down-load-base li{width:100%;padding:0;margin:0 0 70px}.down-load-base .sp-download-img{width:100%}.down-load-base .sp-download-img img{width:100%;height:auto}.page-base-downloadform{box-sizing:border-box;display:flex;flex-direction:column;width:90%;padding:0;margin:60px auto;text-align:left;-webkit-box-sizing:border-box}.page-base-downloadform .downloadform-img{width:100%;padding:0;margin:0}.page-base-downloadform .downloadform-img img{width:100%;height:auto}.page-base-downloadform .downloadform-base-01{width:100%;padding:0;margin:40px 0 0}.page-base-downloadform .downloadform-base-01 .downloadform-heading{padding:0;margin:0;font-size:20px;font-weight:bold;text-align:center}.page-base-downloadform .downloadform-base-01 .downloadform-box{box-sizing:border-box;width:100%;padding:30px 30px 50px;margin:5px 0 0;background:#f4f4f4;border-radius:20px;-webkit-box-sizing:border-box}.thanks-text{padding:0;margin:30px 0 0;text-align:left}.thanks-img{padding:0;margin:0 auto;text-align:center}.thanks-img img{width:100%;height:auto}.thanks-button-area{display:flex;flex-direction:column;max-width:1200px;padding:0;margin:30px auto 0}.faq-index-area{box-sizing:border-box;display:flex;flex-direction:column;width:100%;padding:0;margin:0 auto;-webkit-box-sizing:border-box}.faq-index-area li{width:100%;padding:0;margin:0 0 25px}.faq-base{box-sizing:border-box;width:100%;padding:40px 20px 40px;margin:35px auto 0;background:#fff;border:1px solid #036eb8;-webkit-box-sizing:border-box}.faq-base .faq-heading{padding:0 0 5px;margin:0 0 40px;font-size:26px;font-weight:bold;text-align:center}.contact-base{box-sizing:border-box;width:100%;padding:20px 20px 30px;margin:0 auto;background:#fff;border-radius:20px;text-align:left;-webkit-box-sizing:border-box}.appli-contact-form-area{padding:5px 20px 30px;margin:30px 0 0;background:#f4f4f4;border:0 solid #333;border-radius:20px}.page-sitemap-base{box-sizing:border-box;display:flex;flex-direction:column;width:75%;padding:100px 0 50px;margin:0 auto;text-align:left;-webkit-box-sizing:border-box}.page-sitemap-base li{width:100%;padding:0;margin:0}.notfound-base{width:90%;padding:100px 0 60px;margin:0 auto;background:#fff}.notfound-img{padding:0;margin:0 auto;text-align:center}.notfound-img img{width:100%;height:auto}.pickup-area{box-sizing:content-box;width:100%;padding:20px 0;margin:60px 0 0;background:#f2f7fa;-webkit-box-sizing:content-box}.appli-base{display:flex;flex-direction:column;width:100%;padding:20px 0 50px;margin:0 auto}.appli-base .appli-contents{width:90%;padding:0;margin:0 auto;text-align:left}.appli-base .appli-side{width:90%;padding:0;margin:80px auto 0;text-align:left}.appli-base .appli-side .side-banner{padding:0;margin:0 0 15px}.appli-base .appli-side .side-banner img{width:100%;height:auto}.appli-base .appli-side .side-banner-02{padding:0;margin:20px 0 0}.appli-base .appli-side .side-banner-02 img{width:100%;height:auto}.press-top-contents{display:flex;flex-direction:column;flex-wrap:wrap;width:100%;padding:0 0 0;margin:0 auto;-ms-flex-wrap:wrap}.press-top-contents li{width:100%;padding:0;margin:0 0 40px}.press-top-contents li .press-img{box-sizing:border-box;width:100%;height:200px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.press-top-contents li .press-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.press-top-contents li .press-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.press-top-contents li .press-img .press-top-category-press{min-width:100px;padding:2px 7px;background:#ff5800;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.press-top-contents li .press-img .press-top-category-column{width:100px;padding:2px 7px;background:#e50012;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.press-top-contents li .press-top-date{padding:0 0 0 22px;margin:15px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 7px;font-size:14px}.press-top-contents li .press-top-title{padding:0;margin:10px 0 0;background-position:0 7px;font-size:16px;font-weight:bold;line-height:1.7}.press-top-contents li .press-top-title a:hover{text-decoration:underline}.pressrelease-top-contents{display:flex;flex-direction:column;flex-wrap:wrap;width:100%;padding:0 0 0;margin:30px auto 0;-ms-flex-wrap:wrap}.pressrelease-top-contents li{width:100%;padding:0;margin:0 0 40px}.pressrelease-top-contents li .press-img{box-sizing:border-box;width:100%;height:200px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.pressrelease-top-contents li .press-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.pressrelease-top-contents li .press-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.pressrelease-top-contents li .press-img .press-top-category-press{min-width:100px;padding:2px 7px;background:#ff5800;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.pressrelease-top-contents li .press-img .press-top-category-column{width:100px;padding:2px 7px;background:#e50012;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.pressrelease-top-contents li .press-top-date{padding:0 0 0 22px;margin:15px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 7px;font-size:14px}.pressrelease-top-contents li .press-top-title{padding:0;margin:10px 0 0;background-position:0 7px;font-size:16px;font-weight:bold;line-height:1.7}.pressrelease-top-contents li .press-top-title a:hover{text-decoration:underline}.page-contents-title{padding:0;margin:0;font-size:22px;font-weight:bold;line-height:1.6;text-align:left}.page-contents-eyecatch{padding:0;margin:50px 0 0}.page-contents-textarea{max-width:100%;padding:0;margin:30px 0 0;text-align:left}.page-contents-textarea img{width:100%;height:auto}.page-contents-textarea h2{margin:20px 0}.page-contents-textarea h3{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #ccc}.page-bottom-navi{margin:50px 0 0}.appli-relate-base{display:flex;flex-direction:column;flex-wrap:wrap;width:100%;padding:0;margin:30px 0;-ms-flex-wrap:wrap}.appli-relate-base li{display:flex;justify-content:space-between;width:100%;padding:0 0 15px;margin:0 0 15px;border-bottom:1px solid #ddd;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify}.search-result-contents{padding:0;margin:30px 0 0}.search-result-contents li{display:flex;justify-content:space-between;padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #ccc;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify}.search-result-contents li .search-img{box-sizing:border-box;width:100px;height:80px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.search-result-contents li .search-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.search-result-contents li .search-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.search-result-contents li .search-title{width:63%;font-size:16px;font-weight:bold;line-height:1.7}.search-result-contents li .search-title a:hover{text-decoration:underline}.search-result-contents li .search-title .search-date{padding:0 0 0 22px;margin:5px 0 13px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 4px;font-size:13px;font-weight:normal}.searchform{position:relative}.searchfield{width:100%;padding:10px;margin:0;background-color:#efefef;border:solid 1px #bbb;border-radius:4px;font-size:18px}.searchsubmit{width:40px;height:45px;text-indent:-9999px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-search.svg) no-repeat right;background-size:24px 24px;border:none;position:absolute;top:-2px;right:10px}.column-author-area{box-sizing:border-box;width:100%;padding:20px 30px 30px;margin:50px 0 0;background:#f2f2f2;text-align:left;-webkit-box-sizing:border-box}.column-author-area .column-author-heading{padding:0 0 10px;margin:0;border-bottom:1px solid #036eb8;font-size:20px;font-weight:bold}.column-author-area .column-textarea{display:flex;flex-direction:column;padding:0;margin:30px 0 0}.column-author-area .column-image{width:200px;padding:0;margin:0 auto}.column-author-area .column-image img{width:200px;height:200px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.column-author-area .column-text{width:100%;padding:0;margin:20px 0 0;line-height:1.7}.column-author-area .column-text .column-author01{padding:0;margin:10px 0;font-size:18px}.column-author-area .column-text .column-link{padding:0 0 0 25px;margin:20px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-columnlink.svg) no-repeat;background-position:0 7px;font-size:15px}.column-button-area{padding:0;margin:30px 0 0;text-align:center}.mailmagazine-thanks{max-width:90%;padding:0;margin:50px auto}.partner-base{display:flex;flex-direction:column;flex-wrap:wrap;padding:0;margin:0;-ms-flex-wrap:wrap}.partner-base li{width:100%;padding:0;margin:40px 0 0;text-align:left}.partner-box{display:flex;justify-content:space-between;padding:0;margin:25px 0 0;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify}.partner-box .partner-image{width:25%;padding:0;margin:0}.partner-box .partner-image img{width:100%;height:auto}.partner-box .partner-text{width:70%;padding:0;margin:-10px 0 0}.page-applisitemap-base{box-sizing:border-box;display:flex;flex-direction:column;width:75%;padding:60px 0 0;margin:0 auto;text-align:left;-webkit-box-sizing:border-box}.page-applisitemap-base li{width:100%;padding:0;margin:0}.sp-logo{width:230px;padding:14px 0 0;margin:0;text-align:left}.sp-logo img{width:100%;height:auto}.drawer-spmenu-01{padding:20px 0 20px;margin:0;border-bottom:1px solid #ccc;font-size:20px}.drawer-spmenu-01 a{color:#000}.sp-menu-link-01{padding:0 40px 0 0;margin:25px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:85px 13px;font-size:18px}.sp-menu-link-01 a{color:#000}.sp-menu-link-02{padding:0 40px 0 0;margin:25px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:193px 13px;font-size:18px}.sp-menu-link-02 a{color:#000}.sp-menu-link-03{padding:0;margin:25px 0 0;font-size:18px}.sp-menu-link-03 a{color:#000}.footer-pagebottom-contact{min-height:150px;padding:80px 0 30px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-bg-pagebtm-contact.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.footer-pagebottom-contact::before{content:"";display:block;background-color:#036eb8;opacity:.8;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.footter-pagebottom-heading{padding:0;margin:60px auto 30px;font-size:30px;text-align:center}.footerbox .footer-logo-area{width:28%;padding:0;margin:30px 0 0 20px;position:absolute;top:50px;left:0}.spfooterbox{width:90%;padding:60px 5% 30px;margin:0;background:#f2f7fa}.sp-contact-area{box-sizing:border-box;width:100%;padding:20px;margin:30px auto 0;border:1px solid #000;text-align:left;-webkit-box-sizing:border-box}.footer-tel{padding:0;margin:20px 0 0}.footer-tel img{width:100%;height:auto}.sp-footer-menu{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:10px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.sp-footer-menu li{width:49%;padding:0;margin:30px 0 0;text-align:left}.sp-foorer-bottom{padding:0;margin:0;background:#ddd;text-align:left}.sp-foorer-bottom .sp-foorer-bottom-inbox{width:90%;padding:30px 0 15px;margin:0 auto}.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-01{padding:0 20px 0 0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:80px 10px}.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-02{padding:0 20px 0 0;margin:20px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:180px 10px}.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-03{padding:0;margin:20px 0 0}.sp-copyright{padding:0;margin:50px 0 0;font-size:14px;line-height:1.6;text-align:center}.sp-appli-footerbox{width:90%;padding:30px 5% 30px;margin:0;background:#002f7c;color:#fff}.sp-appli-logonote{padding:0;margin:0;font-size:14px;text-align:center}.sp-appli-footer-menu{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:10px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.sp-appli-footer-menu li{width:43%;padding:0;margin:30px 0 0;font-size:14px;text-align:left}.sp-foorer-bottom{padding:0;margin:0;background:#ddd;text-align:left}.sp-foorer-bottom .sp-foorer-bottom-inbox{width:90%;padding:30px 0 15px;margin:0 auto}.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-01{padding:0 20px 0 0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:80px 10px}.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-02{padding:0 20px 0 0;margin:20px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:180px 10px}.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-03{padding:0;margin:20px 0 0}.sp-copyright{padding:0;margin:50px 0 0;font-size:14px;line-height:1.6;text-align:center}#sp-page-top,#spform-page-top{margin:0;position:fixed;right:15px;z-index:9}#sp-page-top a,#spform-page-top a{display:block;width:100%;padding:0;color:#fff;text-align:center;text-decoration:none}#sp-page-top a:hover,#spform-page-top a:hover{text-decoration:none}#sp-page-top img,#spform-page-top img{width:100%}.top-button{display:inline-block;width:100%;padding:15px 0;background-color:#f05454;border-radius:50px;color:#fff;font-size:22px;text-align:center;text-decoration:none;position:relative}.top-button::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sp-arrow-wh.svg);margin-top:-5px;position:absolute;top:15%;right:.5em;border-left-color:#fff}.top-contact-button{display:inline-block;width:100%;padding:15px 0;margin:0 0 50px;background:none;border:1px solid #fff;border-radius:50px;color:#fff;font-size:22px;text-align:center;text-decoration:none;position:relative}.top-contact-button::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sp-arrow-wh.svg);margin-top:-5px;position:absolute;top:18%;right:.5em;border-left-color:#fff}.top-contact-button:hover{background-color:rgba(255,255,255,.3);transition:all .5s;-webkit-transition:all .5s}.top-contact-button:hover::after{animation:arrow-contact .4s;-webkit-animation:arrow-contact .4s}@keyframes arrow-contact{50%{right:.2em}100%{right:.5em}}.page-back-button{display:inline-block;width:100%;height:54px;padding:0 20px;margin:30px 10px 0;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:18px;line-height:52px;text-align:center;text-decoration:none}.page-back-button::before,.page-back-button::after{content:"";display:block;position:absolute;z-index:-1}.page-back-button,.page-back-button::before,.page-back-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.page-back-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.faq-index-button{display:inline-block;width:100%;height:60px;padding:0 20px;margin:0;background-color:#036eb8;border:1px solid #036eb8;border-radius:8px;outline:none;color:#fff;font-size:20px;line-height:58px;text-align:center;text-decoration:none}.column-button{display:inline-block;width:100%;height:50px;padding:0 20px;margin:0;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:16px;line-height:48px;text-align:center;text-decoration:none}.column-button::before,.column-button::after{content:"";display:block;position:absolute;z-index:-1}.column-button,.column-button::before,.column-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.column-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.partner-button{display:block;height:40px;padding:0 20px;margin:20px 0 0;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:16px;line-height:38px;text-align:center;text-decoration:none;position:relative}.notfound-button{display:inline-block;width:100%;height:54px;padding:0 10px;margin:30px 10px 0;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:15px;line-height:52px;text-align:center;text-decoration:none}.notfound-button::before,.notfound-button::after{content:"";display:block;position:absolute;z-index:-1}.notfound-button,.notfound-button::before,.notfound-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.notfound-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.footer-entry-btn-area{display:flex;flex-direction:column;width:90%;padding:0;margin:0 auto}.footer-entry-btn-area li{width:100%;padding:0;margin:0}.formtb{padding:0;margin:0}.formtb dd{width:100%;padding:0;margin:0 0 10px auto;border-top:0;border-left:none}.formtb dl{width:auto}.formtb dt,.formtb dd,.formtb dl{display:block}.privacy-area{padding:0;margin:20px 0 0;font-size:14px;text-align:center}.submit-button{display:inline-block;width:50%;padding:10px 0;margin:20px 0 0;background:#036eb8;border:none;border-radius:12px;color:#fff;font-size:18px}.submit-button:hover{width:50%;padding:10px 0;margin:20px 0 0;background:#0284de;border:none;border-radius:12px;color:#fff;font-size:18px}.back-button{display:inline-block;width:25%;padding:10px;margin:20px 3% 0 0;background:#999;border:none;border-radius:12px;color:#fff;font-size:18px}.back-button:hover{display:inline-block;width:25%;padding:10px;margin:20px 3% 0 0;background:#ccc;border:none;border-radius:12px;color:#fff;font-size:18px}.top-contents-title{padding:0;margin:0;color:#fff;font-size:30px;font-weight:bold;line-height:1.5;text-align:center}.top-contents-title-02{display:inline-block;padding:0;font-size:30px;font-weight:bold;line-height:1.5;position:relative}.top-contents-title-02:before,.top-contents-title-02:after{content:"";display:inline-block;width:45px;height:0;background-color:#000;position:absolute;top:50%}.top-contents-title-02:before{left:0}.top-contents-title-02:after{right:0}.appli-relate-heading{margin:40px 0 0}.appli-search-heading{margin:90px 0 0;border-bottom:solid 3px #ddd;font-size:24px;font-weight:bold;position:relative}.bosyu-heading-base{padding:0;margin:0;background:#ebebeb;border-left:solid 15px #002f7c;color:#002f7c;font-size:26px;font-weight:bold;text-align:left}.bosyu-heading-base .bosyu-heading{padding:10px 0 10px 20px;margin:0;background:none}.partner-heading-base{padding:0;margin:0;background:#ebebeb;border-left:solid 15px #002f7c;color:#002f7c;font-size:26px;font-weight:bold;text-align:left}.partner-heading-base .partner-heading{padding:10px 0 10px 20px;margin:0;background:none}.mailmagazine-heading-base{padding:0;margin:0;background:#ebebeb;border-left:solid 15px #002f7c;color:#002f7c;font-size:26px;font-weight:bold;text-align:left}.mailmagazine-heading-base .mailmagazine-heading{padding:10px 0 10px 20px;margin:0;background:none}.applisitemap-heading-base{padding:0;margin:0;background:#ebebeb;border-left:solid 15px #002f7c;color:#002f7c;font-size:26px;font-weight:bold;text-align:left}.applisitemap-heading-base .applisitemap-heading{padding:10px 0 10px 20px;margin:0;background:none}.slider{width:100%;height:75vh;padding:0;margin:0;position:relative}.main-catch-area{max-width:90%;padding:0;margin:200px auto 0;position:relative}.main-catch-area img{width:100%;height:auto}.main-catch-area-02{max-width:90%;padding:0;margin:150px auto 0;position:relative}.main-catch-area-02 img{width:100%;height:auto}p.main-catch-01{border-right:solid 7px rgba(0,173,225,.8);overflow:hidden;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#000;font-size:30px;font-weight:bold;line-height:1.7;text-align:left;text-shadow:2px 2px 2px #fff,-2px -2px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff,2px 0 2px #fff,-2px 0 2px #fff,0 2px 2px #fff,0 -2px 2px #fff;white-space:nowrap}p.main-catch-01{animation:animated-text 1.2s steps(13, end) 1s 1 normal both,animated-cursor 2500ms steps(13, end) infinite;-webkit-animation:animated-text 1.2s steps(13, end) 1s 1 normal both,animated-cursor 2500ms steps(13, end) infinite}@keyframes animated-text{from{width:0}to{width:100%}}@keyframes animated-cursor{from{border-right-color:rgba(0,173,225,.9)}to{border-right-color:rgba(0,0,0,0)}}p.main-catch-02{margin:0;border-right:solid 7px rgba(0,173,225,.9);overflow:hidden;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#000;font-size:26px;font-weight:bold;line-height:1.7;text-align:left;text-shadow:2px 2px 2px #fff,-2px -2px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff,2px 0 2px #fff,-2px 0 2px #fff,0 2px 2px #fff,0 -2px 2px #fff;white-space:nowrap}p.main-catch-02{animation:animated-text-02 1s steps(10, end) 1s 1 normal both,animated-cursor-02 2500ms steps(10, end) infinite;-webkit-animation:animated-text-02 1s steps(10, end) 1s 1 normal both,animated-cursor-02 2500ms steps(10, end) infinite}@keyframes animated-text-02{from{width:0}to{width:100%}}@keyframes animated-cursor-02{from{border-right-color:rgba(0,173,225,.9)}to{border-right-color:rgba(0,0,0,0)}}.swiper-container{width:100%}.swiper-container .swiper-wrapper .swiper-slide{background-repeat:no-repeat;background-position:center;background-size:cover}.swiper-container .swiper-wrapper .swiper-slide p.text01{padding:3%;position:absolute;top:25%}.swiper-container .swiper-wrapper .swiper-slide p.text01 img{width:100%;height:auto}.swiper-container .swiper-wrapper .swiper-slide p.text02{padding:3%;position:absolute;top:20%}.swiper-container .swiper-wrapper .swiper-slide p.text02 img{width:100%;height:auto}.swiper-container .swiper-wrapper .swiper-slide-active p{animation-delay:2s;animation-duration:2s;animation-fill-mode:both;animation-name:fade-in}.pickup-slider{width:85%;height:200px;margin:0 auto}.pickup-slider li{height:200px;border-left:0 solid #fff;text-align:center;position:relative}.pickup-slider li img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.slide-pickup-area{box-sizing:border-box;width:100%;padding:10px;margin:0 auto;background:rgba(0,0,0,.5);color:#fff;text-align:left;position:absolute;left:0;right:0;bottom:0;-webkit-box-sizing:border-box}.category-pickup{min-width:100px;padding:2px 7px;background:#ffbc2b;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}body{padding:0;margin:0;background:#fff;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#000;font-size:1.6rem;line-height:2;text-align:center;font-display:swap}.wrapper{width:100%;min-width:100%;padding:0;margin:0;overflow:hidden}#faq01,#faq02,#faq03{padding-top:102px;margin-top:-102px}.is-pc{display:none !important}.is-sp{display:block !important}.is-header-pc{display:none !important}.is-header-sp{display:block !important}.drawer-navbar{display:block !important}.bread-area{max-width:90%;padding:30px 5% 0;margin:0;font-size:14px;text-align:left}.bread-area-notfound{max-width:90%;padding:20px 5% 0;margin:60px 0 0;font-size:14px;text-align:left}.bread-area-appli{max-width:90%;padding:20px 5% 20px;margin:60px auto 0;font-size:14px;text-align:left}div.scroll{display:inline-block;padding:10px 10px 60px;overflow:hidden;font-family:"Josefin Sans",sans-serif;color:#000;font-size:12px;line-height:1;letter-spacing:.2em;text-decoration:none;text-transform:uppercase;text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff,1px 0 1px #fff,-1px 0 1px #fff,0 1px 1px #fff,0 -1px 1px #fff;position:absolute;left:40px;bottom:0;z-index:2;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}div.scroll::after{content:"";width:1px;height:50px;background:#000;position:absolute;left:50%;bottom:0;animation:sdl 2s cubic-bezier(1, 0, 0, 1) infinite;-webkit-animation:sdl 2s cubic-bezier(1, 0, 0, 1) infinite}@keyframes sdl{0%{transform:scale(1, 0);-webkit-transform:scale(1, 0);transform-origin:0 0}30%{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:0 0}70%{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:0 100%}100%{transform:scale(1, 0);-webkit-transform:scale(1, 0);transform-origin:0 100%}}.page-base{width:90%;padding:60px 0;margin:0 auto}.page-base-02{width:100%;padding:0;margin:0 auto;background:#f2f7fa}.page-base-download{padding:60px 0 20px;margin:0;background:#fff}.page-case-area{padding:60px 0 0;margin:0}.section-comp-02{padding:0;margin:60px 0 0}.section-comp-03{padding:0;margin:60px 0 0}.section-comp-04{padding:60px 0 0;margin:0}.section-comp-05{padding:60px 0;margin:0;background:#fff}.section-comp-06{padding:0 0 60px;margin:0;background:#fff}.contents-base-01{box-sizing:border-box;width:90%;padding:30px 30px 0;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;top:220px;left:0;right:0;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.contents-base-02{box-sizing:border-box;width:90%;padding:30px 30px 60px;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;top:220px;left:0;right:0;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}ul.point-area{display:flex;flex-direction:column;flex-wrap:wrap;padding:0;margin:0;text-align:left;-ms-flex-wrap:wrap}ul.point-area li{display:flex;flex-direction:column-reverse;width:100%;padding:0;margin:0 0 40px}ul.point-area li .point-icon{vertical-align:top;width:50%;padding:0;margin:30px auto 0}ul.point-area li .point-icon img{width:100%;height:auto}ul.point-area li .point-text{vertical-align:top;width:100%;padding:0;margin:0;line-height:1.8}ul.point-area li .point-icon-02{vertical-align:top;width:40%;padding:0;margin:30px auto 0}ul.point-area li .point-icon-02 img{width:100%;height:auto}ul.point-area li .point-text-02{vertical-align:top;width:100%;padding:0;margin:0;line-height:1.8}.sp-top-about-01{width:90%;padding:0 0 50px;margin:50px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n01.svg) no-repeat;background-position:right top;text-align:left;position:relative}.sp-top-about-02{width:90%;padding:0 0 50px;margin:50px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n02.svg) no-repeat;background-position:right top;text-align:left;position:relative}.sp-top-about-03{width:90%;padding:0 0 50px;margin:50px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n03.svg) no-repeat;background-position:right top;text-align:left;position:relative}.sp-top-about-04{width:90%;padding:0 0 50px;margin:50px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n04.svg) no-repeat;background-position:right top;text-align:left;position:relative}.sp-top-about-05{width:90%;padding:0 0 50px;margin:50px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n05.svg) no-repeat;background-position:right top;text-align:left;position:relative}.sp-top-about-06{width:90%;padding:0 0 50px;margin:50px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n06.svg) no-repeat;background-position:right top;text-align:left;position:relative}.sp-top-about-01:after,.sp-top-about-02:after,.sp-top-about-03:after,.sp-top-about-04:after,.sp-top-about-05:after{content:"";width:60%;height:1px;background-color:#000;border-radius:0;position:absolute;left:20%;bottom:0}.page-button-area,.page-button-area-02{width:90%;padding:0;margin:60px auto 0}.top-example-lead{padding:0;margin:20px 0 0;font-size:20px;font-weight:bold;line-height:1.5;text-align:left}ul.top-example-contents{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:700px;padding:0;margin:0 auto 0;text-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}ul.top-example-contents li{vertical-align:middle;width:48%;padding:0;margin:40px 0 30px;position:relative}ul.top-example-contents li img{width:100%;height:auto}ul.top-example-contents li .text01{font-size:20px;font-weight:bold;line-height:1.3;letter-spacing:-1px;position:absolute;left:0;right:0;bottom:-30px}ul.top-example-contents li .text02{font-size:20px;font-weight:bold;line-height:1.3;letter-spacing:-1px;position:absolute;left:0;right:0;bottom:-50px}ul.top-example-contents li.icon04{vertical-align:middle;width:10%;margin:0 0 0 30px;position:relative}ul.top-example-contents li.icon04 img{width:100%;height:auto}.contents-case-base{box-sizing:border-box;display:flex;flex-direction:column-reverse;max-width:90%;padding:30px;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.contents-case-base li.case-image{width:100%;padding:0;margin:35px 0 0}.contents-case-base li.case-image img{width:100%;height:auto}.contents-case-base li.case-text-area{width:100%;padding:0;margin:0;text-align:left}.contents-case-base li.case-text-area .case-heading{padding:0;margin:0;color:#036eb8;font-size:24px;font-weight:bold;line-height:1.4}.contents-case-base li.case-text-area .case-icon{display:block;width:70px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base li.case-text-area .case-icon-02{display:block;width:140px;padding:6px 10px;margin:5px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base li.case-text-area .case-text{display:block;width:120px;padding:0;margin:5px 20px 0 0;font-size:18px}.contents-case-base li.case-text-area .case-text-02{display:block;width:220px;padding:0;margin:5px 20px 0 0;font-size:18px}.contents-case-base li.case-text-area .case-text-03{display:block;width:220px;padding:0;margin:10px 20px 0 0;font-size:18px}.contents-case-base-02{box-sizing:border-box;display:flex;flex-direction:column;width:90%;padding:30px;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.contents-case-base-02 li.case-image{width:100%;padding:0;margin:35px 0 0}.contents-case-base-02 li.case-image img{width:100%;height:auto}.contents-case-base-02 li.case-text-area{width:100%;padding:0;margin:0;text-align:left}.contents-case-base-02 li.case-text-area .case-heading{padding:0;margin:0;color:#036eb8;font-size:24px;font-weight:bold;line-height:1.4}.contents-case-base-02 li.case-text-area .case-icon{display:inline-block;width:70px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base-02 li.case-text-area .case-icon-02{display:inline-block;width:140px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base-02 li.case-text-area .case-text{display:inline-block;width:150px;padding:0;margin:5px 20px 0 0;font-size:18px}.contents-case-base-02 li.case-text-area .case-text-02{display:inline-block;width:220px;padding:0;margin:5px 20px 0 0;font-size:18px}.contents-case-base-02 li.case-text-area .case-text-03{display:inline-block;width:220px;padding:0;margin:10px 20px 0 0;font-size:18px}ul.plan-contents{display:flex;flex-direction:column;max-width:90%;padding:0 20px;margin:60px auto 0}ul.plan-contents li{box-sizing:border-box;width:280px;min-height:480px;padding:0;margin:0 auto;-webkit-box-sizing:border-box}ul.plan-contents li .circle{box-sizing:border-box;display:inline-block;width:280px;height:280px;padding:70px 0 0;background:#fff;border-radius:50%;box-shadow:0 0 8px #ccc;text-align:center;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.top-faq-base{width:90%;padding:0;margin:60px auto 0;text-align:left}.accordion-container .accordion-title{width:77%;padding:30px 5% 30px 18%;margin:0 auto;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-question.svg) no-repeat;background-position:5px 30px;border-top:1px solid #ccc;cursor:pointer;color:#000;font-size:18px;font-weight:normal;text-align:left;position:relative}.accordion-container .accordion-title:hover,.accordion-container .accordion-title:active,.accordion-title.open{background-color:none}.accordion-container .accordion-title::before{content:"";width:15px;height:0;background:#ccc;position:absolute;top:50%;right:25px;transition:all .3s ease-in-out;transform:rotate(90deg);-webkit-transform:rotate(90deg);-webkit-transition:all .3s ease-in-out}.accordion-container .accordion-title::after{content:"";width:15px;height:0;background:#ccc;position:absolute;top:50%;right:25px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}.accordion-container .accordion-title.open::before{transform:rotate(180deg);-webkit-transform:rotate(180deg)}.accordion-container .accordion-title.open::after{opacity:0}.accordion-content{display:none;width:77%;padding:30px 5% 30px 18%;background:#f4f4f4;text-align:left;position:relative}.accordion-content:before{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-answer.svg);box-sizing:border-box;display:block;padding:0;position:absolute;top:28px;left:5px;-webkit-box-sizing:border-box}.movie-area{width:90%;padding:0;margin:60px auto 0}.movie-youtube{width:100%;margin:20px auto 0}.page-main-case{height:200px;padding:0;margin:60px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-case.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-download{height:200px;padding:0;margin:60px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-download.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-faq{height:200px;padding:0;margin:60px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-faq.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-contact{height:200px;padding:0;margin:60px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-contact.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-sitemap{height:200px;padding:0;margin:60px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-sitemap.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.pagetitle{padding:0;margin:0;color:#fff;font-size:30px;font-weight:bold;position:absolute;top:35%;left:0;right:0}.page-case-base{box-sizing:border-box;width:94%;padding:30px;margin:0 auto 50px;background:#fff;border:1px solid #036eb8;border-radius:30px;-webkit-box-sizing:border-box}.page-case-base-02{box-sizing:border-box;width:94%;padding:30px;margin:60px auto 0;background:#fff;border:1px solid #036eb8;border-radius:30px;-webkit-box-sizing:border-box}.page-case-box{display:flex;flex-direction:column;padding:0;margin:0}.page-case-box .case-image{width:100%;padding:0;margin:0}.page-case-box .case-image img{width:100%;height:auto}.page-case-box .case-text-area{width:100%;padding:0;margin:0;text-align:left}.page-case-box .case-text-area .case-heading{padding:0;margin:25px 0 0;color:#036eb8;font-size:24px;font-weight:bold;line-height:1.4}.page-case-box .case-text-area .case-lead{padding:0;margin:25px 0 0;font-size:20px;font-weight:bold;line-height:1.5}.page-case-box .case-text-area .case-icon{display:inline-block;width:70px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.page-case-box .case-text-area .case-icon-02{display:inline-block;width:140px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.page-case-box .case-text-area .case-text{display:inline-block;width:550px;padding:0;margin:10px 20px 0 0;font-size:18px}.page-case-box .case-text-area .case-text-02{display:inline-block;width:400px;padding:0;margin:10px 20px 0 0;font-size:18px}.case-flow-area{box-sizing:border-box;display:flex;flex-direction:column;padding:0;margin:40px 0 0;-webkit-box-sizing:border-box}.case-flow-area .flow-box{width:100%;padding:0;margin:0}.case-flow-area .flow-arrow{width:100%;padding:15px 0 10px;margin:0;text-align:center;transform:rotate(90deg);-webkit-transform:rotate(90deg)}.case-flow-area .flow-bf-heading{padding:5px;margin:0;background:#036eb8;border-radius:16px 16px 0 0;color:#fff;font-size:22px;text-align:center}.case-flow-area .flow-bf-contents{padding:20px;margin:0;background:#f2f7fa;border:1px solid #036eb8;border-radius:0 0 16px 16px;text-align:left}.case-flow-area .flow-af-heading{padding:5px;margin:0;background:#00ade1;border-radius:16px 16px 0 0;color:#fff;font-size:22px;text-align:center}.case-flow-area .flow-af-contents{padding:20px;margin:0;background:#f2f7fa;border:1px solid #00ade1;border-radius:0 0 16px 16px;text-align:left}.down-load-base{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;width:90%;padding:0;margin:0 auto;text-align:left;-webkit-box-sizing:border-box;-ms-flex-wrap:wrap}.down-load-base li{width:100%;padding:0;margin:0 0 70px}.down-load-base .sp-download-img{width:100%}.down-load-base .sp-download-img img{width:100%;height:auto}.page-base-downloadform{box-sizing:border-box;display:flex;flex-direction:column;width:90%;padding:0;margin:60px auto;text-align:left;-webkit-box-sizing:border-box}.page-base-downloadform .downloadform-img{width:100%;padding:0;margin:0}.page-base-downloadform .downloadform-img img{width:100%;height:auto}.page-base-downloadform .downloadform-base-01{width:100%;padding:0;margin:40px 0 0}.page-base-downloadform .downloadform-base-01 .downloadform-heading{padding:0;margin:0;font-size:20px;font-weight:bold;text-align:center}.page-base-downloadform .downloadform-base-01 .downloadform-box{box-sizing:border-box;width:100%;padding:30px 30px 50px;margin:5px 0 0;background:#f4f4f4;border-radius:20px;-webkit-box-sizing:border-box}.thanks-text{padding:0;margin:30px 0 0;text-align:left}.thanks-img{padding:0;margin:0 auto;text-align:center}.thanks-img img{width:100%;height:auto}.thanks-button-area{display:flex;flex-direction:column;max-width:1200px;padding:0;margin:30px auto 0}.faq-index-area{box-sizing:border-box;display:flex;flex-direction:column;width:100%;padding:0;margin:0 auto;-webkit-box-sizing:border-box}.faq-index-area li{width:100%;padding:0;margin:0 0 25px}.faq-base{box-sizing:border-box;width:100%;padding:40px 20px 40px;margin:35px auto 0;background:#fff;border:1px solid #036eb8;-webkit-box-sizing:border-box}.faq-base .faq-heading{padding:0 0 5px;margin:0 0 40px;font-size:26px;font-weight:bold;text-align:center}.contact-base{box-sizing:border-box;width:100%;padding:20px 20px 30px;margin:0 auto;background:#fff;border-radius:20px;text-align:left;-webkit-box-sizing:border-box}.appli-contact-form-area{padding:5px 20px 30px;margin:30px 0 0;background:#f4f4f4;border:0 solid #333;border-radius:20px}.page-sitemap-base{box-sizing:border-box;display:flex;flex-direction:column;width:75%;padding:100px 0 50px;margin:0 auto;text-align:left;-webkit-box-sizing:border-box}.page-sitemap-base li{width:100%;padding:0;margin:0}.notfound-base{width:90%;padding:100px 0 60px;margin:0 auto;background:#fff}.notfound-img{padding:0;margin:0 auto;text-align:center}.notfound-img img{width:100%;height:auto}.pickup-area{box-sizing:content-box;width:100%;padding:20px 0;margin:60px 0 0;background:#f2f7fa;-webkit-box-sizing:content-box}.appli-base{display:flex;flex-direction:column;width:100%;padding:20px 0 50px;margin:0 auto}.appli-base .appli-contents{width:90%;padding:0;margin:0 auto;text-align:left}.appli-base .appli-side{width:90%;padding:0;margin:80px auto 0;text-align:left}.appli-base .appli-side .side-banner{padding:0;margin:0 0 15px}.appli-base .appli-side .side-banner img{width:100%;height:auto}.appli-base .appli-side .side-banner-02{padding:0;margin:20px 0 0}.appli-base .appli-side .side-banner-02 img{width:100%;height:auto}.press-top-contents{display:flex;flex-direction:column;flex-wrap:wrap;width:100%;padding:0 0 0;margin:0 auto;-ms-flex-wrap:wrap}.press-top-contents li{width:100%;padding:0;margin:0 0 40px}.press-top-contents li .press-img{box-sizing:border-box;width:100%;height:200px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.press-top-contents li .press-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.press-top-contents li .press-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.press-top-contents li .press-img .press-top-category-press{min-width:100px;padding:2px 7px;background:#ff5800;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.press-top-contents li .press-img .press-top-category-column{width:100px;padding:2px 7px;background:#e50012;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.press-top-contents li .press-top-date{padding:0 0 0 22px;margin:15px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 7px;font-size:14px}.press-top-contents li .press-top-title{padding:0;margin:10px 0 0;background-position:0 7px;font-size:16px;font-weight:bold;line-height:1.7}.press-top-contents li .press-top-title a:hover{text-decoration:underline}.pressrelease-top-contents{display:flex;flex-direction:column;flex-wrap:wrap;width:100%;padding:0 0 0;margin:30px auto 0;-ms-flex-wrap:wrap}.pressrelease-top-contents li{width:100%;padding:0;margin:0 0 40px}.pressrelease-top-contents li .press-img{box-sizing:border-box;width:100%;height:200px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.pressrelease-top-contents li .press-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.pressrelease-top-contents li .press-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.pressrelease-top-contents li .press-img .press-top-category-press{min-width:100px;padding:2px 7px;background:#ff5800;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.pressrelease-top-contents li .press-img .press-top-category-column{width:100px;padding:2px 7px;background:#e50012;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.pressrelease-top-contents li .press-top-date{padding:0 0 0 22px;margin:15px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 7px;font-size:14px}.pressrelease-top-contents li .press-top-title{padding:0;margin:10px 0 0;background-position:0 7px;font-size:16px;font-weight:bold;line-height:1.7}.pressrelease-top-contents li .press-top-title a:hover{text-decoration:underline}.page-contents-title{padding:0;margin:0;font-size:22px;font-weight:bold;line-height:1.6;text-align:left}.page-contents-eyecatch{padding:0;margin:50px 0 0}.page-contents-textarea{max-width:100%;padding:0;margin:30px 0 0;text-align:left}.page-contents-textarea img{width:100%;height:auto}.page-bottom-navi{margin:50px 0 0}.appli-relate-base{display:flex;flex-direction:column;flex-wrap:wrap;width:100%;padding:0;margin:30px 0;-ms-flex-wrap:wrap}.appli-relate-base li{display:flex;justify-content:space-between;width:100%;padding:0 0 15px;margin:0 0 15px;border-bottom:1px solid #ddd;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify}.search-result-contents{padding:0;margin:30px 0 0}.search-result-contents li{display:flex;justify-content:space-between;padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #ccc;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify}.search-result-contents li .search-img{box-sizing:border-box;width:100px;height:80px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.search-result-contents li .search-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.search-result-contents li .search-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.search-result-contents li .search-title{width:63%;font-size:16px;font-weight:bold;line-height:1.7}.search-result-contents li .search-title a:hover{text-decoration:underline}.search-result-contents li .search-title .search-date{padding:0 0 0 22px;margin:5px 0 13px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 4px;font-size:13px;font-weight:normal}.searchform{position:relative}.searchfield{width:100%;padding:10px;margin:0;background-color:#efefef;border:solid 1px #bbb;border-radius:4px;font-size:18px}.searchsubmit{width:40px;height:45px;text-indent:-9999px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-search.svg) no-repeat right;background-size:24px 24px;border:none;position:absolute;top:-2px;right:10px}.column-author-area{box-sizing:border-box;width:100%;padding:20px 30px 30px;margin:50px 0 0;background:#f2f2f2;text-align:left;-webkit-box-sizing:border-box}.column-author-area .column-author-heading{padding:0 0 10px;margin:0;border-bottom:1px solid #036eb8;font-size:20px;font-weight:bold}.column-author-area .column-textarea{display:flex;flex-direction:column;padding:0;margin:30px 0 0}.column-author-area .column-image{width:200px;padding:0;margin:0 auto}.column-author-area .column-image img{width:200px;height:200px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.column-author-area .column-text{width:100%;padding:0;margin:20px 0 0;line-height:1.7}.column-author-area .column-text .column-author01{padding:0;margin:10px 0;font-size:18px}.column-author-area .column-text .column-link{padding:0 0 0 25px;margin:20px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-columnlink.svg) no-repeat;background-position:0 7px;font-size:15px}.column-button-area{padding:0;margin:30px 0 0;text-align:center}.mailmagazine-thanks{max-width:90%;padding:0;margin:50px auto}.partner-base{display:flex;flex-direction:column;flex-wrap:wrap;padding:0;margin:0;-ms-flex-wrap:wrap}.partner-base li{width:100%;padding:0;margin:40px 0 0;text-align:left}.partner-box{display:flex;justify-content:space-between;padding:0;margin:25px 0 0;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify}.partner-box .partner-image{width:25%;padding:0;margin:0}.partner-box .partner-image img{width:100%;height:auto}.partner-box .partner-text{width:70%;padding:0;margin:-10px 0 0}.page-applisitemap-base{box-sizing:border-box;display:flex;flex-direction:column;width:75%;padding:60px 0 0;margin:0 auto;text-align:left;-webkit-box-sizing:border-box}.page-applisitemap-base li{width:100%;padding:0;margin:0}.sp-logo{width:230px;padding:14px 0 0;margin:0;text-align:left}.sp-logo img{width:100%;height:auto}.drawer-spmenu-01{padding:20px 0 20px;margin:0;border-bottom:1px solid #ccc;font-size:20px}.drawer-spmenu-01 a{color:#000}.sp-menu-link-01{padding:0 40px 0 0;margin:25px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:85px 13px;font-size:18px}.sp-menu-link-01 a{color:#000}.sp-menu-link-02{padding:0 40px 0 0;margin:25px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:193px 13px;font-size:18px}.sp-menu-link-02 a{color:#000}.sp-menu-link-03{padding:0;margin:25px 0 0;font-size:18px}.sp-menu-link-03 a{color:#000}.footer-pagebottom-contact{min-height:150px;padding:80px 0 30px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-bg-pagebtm-contact.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.footer-pagebottom-contact::before{content:"";display:block;background-color:#036eb8;opacity:.8;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.footter-pagebottom-heading{padding:0;margin:60px auto 30px;font-size:30px;text-align:center}.footerbox .footer-logo-area{width:28%;padding:0;margin:30px 0 0 20px;position:absolute;top:50px;left:0}.spfooterbox{width:90%;padding:60px 5% 30px;margin:0;background:#f2f7fa}.sp-contact-area{box-sizing:border-box;width:100%;padding:20px;margin:30px auto 0;border:1px solid #000;text-align:left;-webkit-box-sizing:border-box}.footer-tel{padding:0;margin:20px 0 0}.footer-tel img{width:100%;height:auto}.sp-footer-menu{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:10px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.sp-footer-menu li{width:49%;padding:0;margin:30px 0 0;text-align:left}.sp-foorer-bottom{padding:0;margin:0;background:#ddd;text-align:left}.sp-foorer-bottom .sp-foorer-bottom-inbox{width:90%;padding:30px 0 15px;margin:0 auto}.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-01{padding:0 20px 0 0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:80px 10px}.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-02{padding:0 20px 0 0;margin:20px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:180px 10px}.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-03{padding:0;margin:20px 0 0}.sp-copyright{padding:0;margin:50px 0 0;font-size:14px;line-height:1.6;text-align:center}.sp-appli-footerbox{width:90%;padding:30px 5% 30px;margin:0;background:#002f7c;color:#fff}.sp-appli-logonote{padding:0;margin:0;font-size:14px;text-align:center}.sp-appli-footer-menu{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:10px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.sp-appli-footer-menu li{width:43%;padding:0;margin:30px 0 0;font-size:14px;text-align:left}.sp-foorer-bottom{padding:0;margin:0;background:#ddd;text-align:left}.sp-foorer-bottom .sp-foorer-bottom-inbox{width:90%;padding:30px 0 15px;margin:0 auto}.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-01{padding:0 20px 0 0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:80px 10px}.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-02{padding:0 20px 0 0;margin:20px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:180px 10px}.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-03{padding:0;margin:20px 0 0}.sp-copyright{padding:0;margin:50px 0 0;font-size:14px;line-height:1.6;text-align:center}#sp-page-top,#spform-page-top{margin:0;position:fixed;right:15px;z-index:9}#sp-page-top a,#spform-page-top a{display:block;width:100%;padding:0;color:#fff;text-align:center;text-decoration:none}#sp-page-top a:hover,#spform-page-top a:hover{text-decoration:none}#sp-page-top img,#spform-page-top img{width:100%}.top-button{display:inline-block;width:100%;padding:15px 0;background-color:#f05454;border-radius:50px;color:#fff;font-size:22px;text-align:center;text-decoration:none;position:relative}.top-button::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sp-arrow-wh.svg);margin-top:-5px;position:absolute;top:15%;right:.5em;border-left-color:#fff}.top-contact-button{display:inline-block;width:100%;padding:15px 0;margin:0 0 50px;background:none;border:1px solid #fff;border-radius:50px;color:#fff;font-size:22px;text-align:center;text-decoration:none;position:relative}.top-contact-button::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sp-arrow-wh.svg);margin-top:-5px;position:absolute;top:18%;right:.5em;border-left-color:#fff}.top-contact-button:hover{background-color:rgba(255,255,255,.3);transition:all .5s;-webkit-transition:all .5s}.top-contact-button:hover::after{animation:arrow-contact .4s;-webkit-animation:arrow-contact .4s}@keyframes arrow-contact{50%{right:.2em}100%{right:.5em}}.page-back-button{display:inline-block;width:100%;height:54px;padding:0 20px;margin:30px 10px 0;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:18px;line-height:52px;text-align:center;text-decoration:none}.page-back-button::before,.page-back-button::after{content:"";display:block;position:absolute;z-index:-1}.page-back-button,.page-back-button::before,.page-back-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.page-back-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.faq-index-button{display:inline-block;width:100%;height:60px;padding:0 20px;margin:0;background-color:#036eb8;border:1px solid #036eb8;border-radius:8px;outline:none;color:#fff;font-size:20px;line-height:58px;text-align:center;text-decoration:none}.column-button{display:inline-block;width:100%;height:50px;padding:0 20px;margin:0;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:16px;line-height:48px;text-align:center;text-decoration:none}.column-button::before,.column-button::after{content:"";display:block;position:absolute;z-index:-1}.column-button,.column-button::before,.column-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.column-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.partner-button{display:block;height:40px;padding:0 20px;margin:20px 0 0;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:16px;line-height:38px;text-align:center;text-decoration:none;position:relative}.notfound-button{display:inline-block;width:100%;height:54px;padding:0 10px;margin:30px 10px 0;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:15px;line-height:52px;text-align:center;text-decoration:none}.notfound-button::before,.notfound-button::after{content:"";display:block;position:absolute;z-index:-1}.notfound-button,.notfound-button::before,.notfound-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.notfound-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.footer-entry-btn-area{display:flex;flex-direction:column;width:90%;padding:0;margin:0 auto}.footer-entry-btn-area li{width:100%;padding:0;margin:0}.formtb{padding:0;margin:0}.formtb dd{width:100%;padding:0;margin:0 0 10px auto;border-top:0;border-left:none}.formtb dl{width:auto}.formtb dt,.formtb dd,.formtb dl{display:block}.privacy-area{padding:0;margin:20px 0 0;font-size:14px;text-align:center}.submit-button{display:inline-block;width:50%;padding:10px 0;margin:20px 0 0;background:#036eb8;border:none;border-radius:12px;color:#fff;font-size:18px}.submit-button:hover{width:50%;padding:10px 0;margin:20px 0 0;background:#0284de;border:none;border-radius:12px;color:#fff;font-size:18px}.back-button{display:inline-block;width:25%;padding:10px;margin:20px 3% 0 0;background:#999;border:none;border-radius:12px;color:#fff;font-size:18px}.back-button:hover{display:inline-block;width:25%;padding:10px;margin:20px 3% 0 0;background:#ccc;border:none;border-radius:12px;color:#fff;font-size:18px}.top-contents-title{padding:0;margin:0;color:#fff;font-size:30px;font-weight:bold;line-height:1.5;text-align:center}.top-contents-title-02{display:inline-block;padding:0;font-size:30px;font-weight:bold;line-height:1.5;position:relative}.top-contents-title-02:before,.top-contents-title-02:after{content:"";display:inline-block;width:45px;height:0;background-color:#000;position:absolute;top:50%}.top-contents-title-02:before{left:0}.top-contents-title-02:after{right:0}.appli-relate-heading{margin:40px 0 0}.appli-search-heading{margin:90px 0 0;border-bottom:solid 3px #ddd;font-size:24px;font-weight:bold;position:relative}.bosyu-heading-base{padding:0;margin:0;background:#ebebeb;border-left:solid 15px #002f7c;color:#002f7c;font-size:26px;font-weight:bold;text-align:left}.bosyu-heading-base .bosyu-heading{padding:10px 0 10px 20px;margin:0;background:none}.partner-heading-base{padding:0;margin:0;background:#ebebeb;border-left:solid 15px #002f7c;color:#002f7c;font-size:26px;font-weight:bold;text-align:left}.partner-heading-base .partner-heading{padding:10px 0 10px 20px;margin:0;background:none}.mailmagazine-heading-base{padding:0;margin:0;background:#ebebeb;border-left:solid 15px #002f7c;color:#002f7c;font-size:26px;font-weight:bold;text-align:left}.mailmagazine-heading-base .mailmagazine-heading{padding:10px 0 10px 20px;margin:0;background:none}.applisitemap-heading-base{padding:0;margin:0;background:#ebebeb;border-left:solid 15px #002f7c;color:#002f7c;font-size:26px;font-weight:bold;text-align:left}.applisitemap-heading-base .applisitemap-heading{padding:10px 0 10px 20px;margin:0;background:none}.slider{width:100%;height:75vh;padding:0;margin:0;position:relative}.main-catch-area{max-width:90%;padding:0;margin:200px auto 0;position:relative}.main-catch-area img{width:100%;height:auto}.main-catch-area-02{max-width:90%;padding:0;margin:150px auto 0;position:relative}.main-catch-area-02 img{width:100%;height:auto}p.main-catch-01{border-right:solid 7px rgba(0,173,225,.8);overflow:hidden;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#000;font-size:30px;font-weight:bold;line-height:1.7;text-align:left;text-shadow:2px 2px 2px #fff,-2px -2px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff,2px 0 2px #fff,-2px 0 2px #fff,0 2px 2px #fff,0 -2px 2px #fff;white-space:nowrap}p.main-catch-01{animation:animated-text 1.2s steps(13, end) 1s 1 normal both,animated-cursor 2500ms steps(13, end) infinite;-webkit-animation:animated-text 1.2s steps(13, end) 1s 1 normal both,animated-cursor 2500ms steps(13, end) infinite}@keyframes animated-text{from{width:0}to{width:100%}}@keyframes animated-cursor{from{border-right-color:rgba(0,173,225,.9)}to{border-right-color:rgba(0,0,0,0)}}p.main-catch-02{margin:0;border-right:solid 7px rgba(0,173,225,.9);overflow:hidden;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#000;font-size:26px;font-weight:bold;line-height:1.7;text-align:left;text-shadow:2px 2px 2px #fff,-2px -2px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff,2px 0 2px #fff,-2px 0 2px #fff,0 2px 2px #fff,0 -2px 2px #fff;white-space:nowrap}p.main-catch-02{animation:animated-text-02 1s steps(10, end) 1s 1 normal both,animated-cursor-02 2500ms steps(10, end) infinite;-webkit-animation:animated-text-02 1s steps(10, end) 1s 1 normal both,animated-cursor-02 2500ms steps(10, end) infinite}@keyframes animated-text-02{from{width:0}to{width:100%}}@keyframes animated-cursor-02{from{border-right-color:rgba(0,173,225,.9)}to{border-right-color:rgba(0,0,0,0)}}.swiper-container{width:100%}.swiper-container .swiper-wrapper .swiper-slide{background-repeat:no-repeat;background-position:center;background-size:cover}.swiper-container .swiper-wrapper .swiper-slide p.text01{padding:3%;position:absolute;top:25%}.swiper-container .swiper-wrapper .swiper-slide p.text01 img{width:100%;height:auto}.swiper-container .swiper-wrapper .swiper-slide p.text02{padding:3%;position:absolute;top:20%}.swiper-container .swiper-wrapper .swiper-slide p.text02 img{width:100%;height:auto}.swiper-container .swiper-wrapper .swiper-slide-active p{animation-delay:2s;animation-duration:2s;animation-fill-mode:both;animation-name:fade-in}.pickup-slider{width:85%;height:200px;margin:0 auto}.pickup-slider li{height:200px;border-left:0 solid #fff;text-align:center;position:relative}.pickup-slider li img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.slide-pickup-area{box-sizing:border-box;width:100%;padding:10px;margin:0 auto;background:rgba(0,0,0,.5);color:#fff;text-align:left;position:absolute;left:0;right:0;bottom:0;-webkit-box-sizing:border-box}.category-pickup{min-width:100px;padding:2px 7px;background:#ffbc2b;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}body{padding:0;margin:0;background:#fff;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#000;font-size:1.6rem;line-height:2;text-align:center;font-display:swap}.wrapper{width:100%;min-width:100%;padding:0;margin:0;overflow:hidden}#faq01,#faq02,#faq03{padding-top:102px;margin-top:-102px}.is-pc{display:none !important}.is-sp{display:block !important}.is-header-pc{display:none !important}.is-header-sp{display:block !important}.drawer-navbar{display:block !important}.bread-area{max-width:90%;padding:30px 5% 0;margin:0;font-size:14px;text-align:left}.bread-area-notfound{max-width:90%;padding:20px 5% 0;margin:60px 0 0;font-size:14px;text-align:left}.bread-area-appli{max-width:90%;padding:20px 5% 20px;margin:60px auto 0;font-size:14px;text-align:left}div.scroll{display:inline-block;padding:10px 10px 60px;overflow:hidden;font-family:"Josefin Sans",sans-serif;color:#000;font-size:12px;line-height:1;letter-spacing:.2em;text-decoration:none;text-transform:uppercase;text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff,1px 0 1px #fff,-1px 0 1px #fff,0 1px 1px #fff,0 -1px 1px #fff;position:absolute;left:40px;bottom:0;z-index:2;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}div.scroll::after{content:"";width:1px;height:50px;background:#000;position:absolute;left:50%;bottom:0;animation:sdl 2s cubic-bezier(1, 0, 0, 1) infinite;-webkit-animation:sdl 2s cubic-bezier(1, 0, 0, 1) infinite}@keyframes sdl{0%{transform:scale(1, 0);-webkit-transform:scale(1, 0);transform-origin:0 0}30%{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:0 0}70%{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:0 100%}100%{transform:scale(1, 0);-webkit-transform:scale(1, 0);transform-origin:0 100%}}.page-base{width:90%;padding:60px 0;margin:0 auto}.page-base-02{width:100%;padding:0;margin:0 auto;background:#f2f7fa}.page-base-download{padding:60px 0 20px;margin:0;background:#fff}.page-case-area{padding:60px 0 0;margin:0}.section-comp-02{padding:0;margin:60px 0 0}.section-comp-03{padding:0;margin:60px 0 0}.section-comp-04{padding:60px 0 0;margin:0}.section-comp-05{padding:60px 0;margin:0;background:#fff}.section-comp-06{padding:0 0 60px;margin:0;background:#fff}.contents-base-01{box-sizing:border-box;width:90%;padding:30px 30px 0;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;top:220px;left:0;right:0;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.contents-base-02{box-sizing:border-box;width:90%;padding:30px 30px 60px;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;top:220px;left:0;right:0;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}ul.point-area{display:flex;flex-direction:column;flex-wrap:wrap;padding:0;margin:0;text-align:left;-ms-flex-wrap:wrap}ul.point-area li{display:flex;flex-direction:column-reverse;width:100%;padding:0;margin:0 0 40px}ul.point-area li .point-icon{vertical-align:top;width:50%;padding:0;margin:30px auto 0}ul.point-area li .point-icon img{width:100%;height:auto}ul.point-area li .point-text{vertical-align:top;width:100%;padding:0;margin:0;line-height:1.8}ul.point-area li .point-icon-02{vertical-align:top;width:40%;padding:0;margin:30px auto 0}ul.point-area li .point-icon-02 img{width:100%;height:auto}ul.point-area li .point-text-02{vertical-align:top;width:100%;padding:0;margin:0;line-height:1.8}.sp-top-about-01{width:90%;padding:0 0 50px;margin:50px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n01.svg) no-repeat;background-position:right top;text-align:left;position:relative}.sp-top-about-02{width:90%;padding:0 0 50px;margin:50px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n02.svg) no-repeat;background-position:right top;text-align:left;position:relative}.sp-top-about-03{width:90%;padding:0 0 50px;margin:50px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n03.svg) no-repeat;background-position:right top;text-align:left;position:relative}.sp-top-about-04{width:90%;padding:0 0 50px;margin:50px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n04.svg) no-repeat;background-position:right top;text-align:left;position:relative}.sp-top-about-05{width:90%;padding:0 0 50px;margin:50px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n05.svg) no-repeat;background-position:right top;text-align:left;position:relative}.sp-top-about-06{width:90%;padding:0 0 50px;margin:50px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n06.svg) no-repeat;background-position:right top;text-align:left;position:relative}.sp-top-about-01:after,.sp-top-about-02:after,.sp-top-about-03:after,.sp-top-about-04:after,.sp-top-about-05:after{content:"";width:60%;height:1px;background-color:#000;border-radius:0;position:absolute;left:20%;bottom:0}.page-button-area,.page-button-area-02{width:90%;padding:0;margin:60px auto 0}.top-example-lead{padding:0;margin:20px 0 0;font-size:20px;font-weight:bold;line-height:1.5;text-align:left}ul.top-example-contents{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:700px;padding:0;margin:0 auto 0;text-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}ul.top-example-contents li{vertical-align:middle;width:48%;padding:0;margin:40px 0 30px;position:relative}ul.top-example-contents li img{width:100%;height:auto}ul.top-example-contents li .text01{font-size:20px;font-weight:bold;line-height:1.3;letter-spacing:-1px;position:absolute;left:0;right:0;bottom:-30px}ul.top-example-contents li .text02{font-size:20px;font-weight:bold;line-height:1.3;letter-spacing:-1px;position:absolute;left:0;right:0;bottom:-50px}ul.top-example-contents li.icon04{vertical-align:middle;width:10%;margin:0 0 0 30px;position:relative}ul.top-example-contents li.icon04 img{width:100%;height:auto}.contents-case-base{box-sizing:border-box;display:flex;flex-direction:column-reverse;max-width:90%;padding:30px;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.contents-case-base li.case-image{width:100%;padding:0;margin:35px 0 0}.contents-case-base li.case-image img{width:100%;height:auto}.contents-case-base li.case-text-area{width:100%;padding:0;margin:0;text-align:left}.contents-case-base li.case-text-area .case-heading{padding:0;margin:0;color:#036eb8;font-size:24px;font-weight:bold;line-height:1.4}.contents-case-base li.case-text-area .case-icon{display:block;width:70px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base li.case-text-area .case-icon-02{display:block;width:140px;padding:6px 10px;margin:5px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base li.case-text-area .case-text{display:block;width:120px;padding:0;margin:5px 20px 0 0;font-size:18px}.contents-case-base li.case-text-area .case-text-02{display:block;width:220px;padding:0;margin:5px 20px 0 0;font-size:18px}.contents-case-base li.case-text-area .case-text-03{display:block;width:220px;padding:0;margin:10px 20px 0 0;font-size:18px}.contents-case-base-02{box-sizing:border-box;display:flex;flex-direction:column;width:90%;padding:30px;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.contents-case-base-02 li.case-image{width:100%;padding:0;margin:35px 0 0}.contents-case-base-02 li.case-image img{width:100%;height:auto}.contents-case-base-02 li.case-text-area{width:100%;padding:0;margin:0;text-align:left}.contents-case-base-02 li.case-text-area .case-heading{padding:0;margin:0;color:#036eb8;font-size:24px;font-weight:bold;line-height:1.4}.contents-case-base-02 li.case-text-area .case-icon{display:inline-block;width:70px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base-02 li.case-text-area .case-icon-02{display:inline-block;width:140px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base-02 li.case-text-area .case-text{display:inline-block;width:150px;padding:0;margin:5px 20px 0 0;font-size:18px}.contents-case-base-02 li.case-text-area .case-text-02{display:inline-block;width:220px;padding:0;margin:5px 20px 0 0;font-size:18px}.contents-case-base-02 li.case-text-area .case-text-03{display:inline-block;width:220px;padding:0;margin:10px 20px 0 0;font-size:18px}ul.plan-contents{display:flex;flex-direction:column;max-width:90%;padding:0 20px;margin:60px auto 0}ul.plan-contents li{box-sizing:border-box;width:280px;min-height:480px;padding:0;margin:0 auto;-webkit-box-sizing:border-box}ul.plan-contents li .circle{box-sizing:border-box;display:inline-block;width:280px;height:280px;padding:70px 0 0;background:#fff;border-radius:50%;box-shadow:0 0 8px #ccc;text-align:center;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.top-faq-base{width:90%;padding:0;margin:60px auto 0;text-align:left}.accordion-container .accordion-title{width:77%;padding:30px 5% 30px 18%;margin:0 auto;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-question.svg) no-repeat;background-position:5px 30px;border-top:1px solid #ccc;cursor:pointer;color:#000;font-size:18px;font-weight:normal;text-align:left;position:relative}.accordion-container .accordion-title:hover,.accordion-container .accordion-title:active,.accordion-title.open{background-color:none}.accordion-container .accordion-title::before{content:"";width:15px;height:0;background:#ccc;position:absolute;top:50%;right:25px;transition:all .3s ease-in-out;transform:rotate(90deg);-webkit-transform:rotate(90deg);-webkit-transition:all .3s ease-in-out}.accordion-container .accordion-title::after{content:"";width:15px;height:0;background:#ccc;position:absolute;top:50%;right:25px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}.accordion-container .accordion-title.open::before{transform:rotate(180deg);-webkit-transform:rotate(180deg)}.accordion-container .accordion-title.open::after{opacity:0}.accordion-content{display:none;width:77%;padding:30px 5% 30px 18%;background:#f4f4f4;text-align:left;position:relative}.accordion-content:before{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-answer.svg);box-sizing:border-box;display:block;padding:0;position:absolute;top:28px;left:5px;-webkit-box-sizing:border-box}.movie-area{width:90%;padding:0;margin:60px auto 0}.movie-youtube{width:100%;margin:20px auto 0}.page-main-case{height:200px;padding:0;margin:60px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-case.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-download{height:200px;padding:0;margin:60px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-download.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-faq{height:200px;padding:0;margin:60px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-faq.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-contact{height:200px;padding:0;margin:60px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-contact.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-sitemap{height:200px;padding:0;margin:60px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-sitemap.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.pagetitle{padding:0;margin:0;color:#fff;font-size:30px;font-weight:bold;position:absolute;top:35%;left:0;right:0}.page-case-base{box-sizing:border-box;width:94%;padding:30px;margin:0 auto 50px;background:#fff;border:1px solid #036eb8;border-radius:30px;-webkit-box-sizing:border-box}.page-case-base-02{box-sizing:border-box;width:94%;padding:30px;margin:60px auto 0;background:#fff;border:1px solid #036eb8;border-radius:30px;-webkit-box-sizing:border-box}.page-case-box{display:flex;flex-direction:column;padding:0;margin:0}.page-case-box .case-image{width:100%;padding:0;margin:0}.page-case-box .case-image img{width:100%;height:auto}.page-case-box .case-text-area{width:100%;padding:0;margin:0;text-align:left}.page-case-box .case-text-area .case-heading{padding:0;margin:25px 0 0;color:#036eb8;font-size:24px;font-weight:bold;line-height:1.4}.page-case-box .case-text-area .case-lead{padding:0;margin:25px 0 0;font-size:20px;font-weight:bold;line-height:1.5}.page-case-box .case-text-area .case-icon{display:inline-block;width:70px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.page-case-box .case-text-area .case-icon-02{display:inline-block;width:140px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.page-case-box .case-text-area .case-text{display:inline-block;width:550px;padding:0;margin:10px 20px 0 0;font-size:18px}.page-case-box .case-text-area .case-text-02{display:inline-block;width:400px;padding:0;margin:10px 20px 0 0;font-size:18px}.case-flow-area{box-sizing:border-box;display:flex;flex-direction:column;padding:0;margin:40px 0 0;-webkit-box-sizing:border-box}.case-flow-area .flow-box{width:100%;padding:0;margin:0}.case-flow-area .flow-arrow{width:100%;padding:15px 0 10px;margin:0;text-align:center;transform:rotate(90deg);-webkit-transform:rotate(90deg)}.case-flow-area .flow-bf-heading{padding:5px;margin:0;background:#036eb8;border-radius:16px 16px 0 0;color:#fff;font-size:22px;text-align:center}.case-flow-area .flow-bf-contents{padding:20px;margin:0;background:#f2f7fa;border:1px solid #036eb8;border-radius:0 0 16px 16px;text-align:left}.case-flow-area .flow-af-heading{padding:5px;margin:0;background:#00ade1;border-radius:16px 16px 0 0;color:#fff;font-size:22px;text-align:center}.case-flow-area .flow-af-contents{padding:20px;margin:0;background:#f2f7fa;border:1px solid #00ade1;border-radius:0 0 16px 16px;text-align:left}.down-load-base{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;width:90%;padding:0;margin:0 auto;text-align:left;-webkit-box-sizing:border-box;-ms-flex-wrap:wrap}.down-load-base li{width:100%;padding:0;margin:0 0 70px}.down-load-base .sp-download-img{width:100%}.down-load-base .sp-download-img img{width:100%;height:auto}.page-base-downloadform{box-sizing:border-box;display:flex;flex-direction:column;width:90%;padding:0;margin:60px auto;text-align:left;-webkit-box-sizing:border-box}.page-base-downloadform .downloadform-img{width:100%;padding:0;margin:0}.page-base-downloadform .downloadform-img img{width:100%;height:auto}.page-base-downloadform .downloadform-base-01{width:100%;padding:0;margin:40px 0 0}.page-base-downloadform .downloadform-base-01 .downloadform-heading{padding:0;margin:0;font-size:20px;font-weight:bold;text-align:center}.page-base-downloadform .downloadform-base-01 .downloadform-box{box-sizing:border-box;width:100%;padding:30px 30px 50px;margin:5px 0 0;background:#f4f4f4;border-radius:20px;-webkit-box-sizing:border-box}.thanks-text{padding:0;margin:30px 0 0;text-align:left}.thanks-img{padding:0;margin:0 auto;text-align:center}.thanks-img img{width:100%;height:auto}.thanks-button-area{display:flex;flex-direction:column;max-width:1200px;padding:0;margin:30px auto 0}.faq-index-area{box-sizing:border-box;display:flex;flex-direction:column;width:100%;padding:0;margin:0 auto;-webkit-box-sizing:border-box}.faq-index-area li{width:100%;padding:0;margin:0 0 25px}.faq-base{box-sizing:border-box;width:100%;padding:40px 20px 40px;margin:35px auto 0;background:#fff;border:1px solid #036eb8;-webkit-box-sizing:border-box}.faq-base .faq-heading{padding:0 0 5px;margin:0 0 40px;font-size:26px;font-weight:bold;text-align:center}.contact-base{box-sizing:border-box;width:100%;padding:20px 20px 30px;margin:0 auto;background:#fff;border-radius:20px;text-align:left;-webkit-box-sizing:border-box}.appli-contact-form-area{padding:5px 20px 30px;margin:30px 0 0;background:#f4f4f4;border:0 solid #333;border-radius:20px}.page-sitemap-base{box-sizing:border-box;display:flex;flex-direction:column;width:75%;padding:100px 0 50px;margin:0 auto;text-align:left;-webkit-box-sizing:border-box}.page-sitemap-base li{width:100%;padding:0;margin:0}.notfound-base{width:90%;padding:100px 0 60px;margin:0 auto;background:#fff}.notfound-img{padding:0;margin:0 auto;text-align:center}.notfound-img img{width:100%;height:auto}.pickup-area{box-sizing:content-box;width:100%;padding:20px 0;margin:60px 0 0;background:#f2f7fa;-webkit-box-sizing:content-box}.appli-base{display:flex;flex-direction:column;width:100%;padding:20px 0 50px;margin:0 auto}.appli-base .appli-contents{width:90%;padding:0;margin:0 auto;text-align:left}.appli-base .appli-side{width:90%;padding:0;margin:80px auto 0;text-align:left}.appli-base .appli-side .side-banner{padding:0;margin:0 0 15px}.appli-base .appli-side .side-banner img{width:100%;height:auto}.appli-base .appli-side .side-banner-02{padding:0;margin:20px 0 0}.appli-base .appli-side .side-banner-02 img{width:100%;height:auto}.press-top-contents{display:flex;flex-direction:column;flex-wrap:wrap;width:100%;padding:0 0 0;margin:0 auto;-ms-flex-wrap:wrap}.press-top-contents li{width:100%;padding:0;margin:0 0 40px}.press-top-contents li .press-img{box-sizing:border-box;width:100%;height:200px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.press-top-contents li .press-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.press-top-contents li .press-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.press-top-contents li .press-img .press-top-category-press{min-width:100px;padding:2px 7px;background:#ff5800;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.press-top-contents li .press-img .press-top-category-column{width:100px;padding:2px 7px;background:#e50012;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.press-top-contents li .press-top-date{padding:0 0 0 22px;margin:15px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 7px;font-size:14px}.press-top-contents li .press-top-title{padding:0;margin:10px 0 0;background-position:0 7px;font-size:16px;font-weight:bold;line-height:1.7}.press-top-contents li .press-top-title a:hover{text-decoration:underline}.pressrelease-top-contents{display:flex;flex-direction:column;flex-wrap:wrap;width:100%;padding:0 0 0;margin:30px auto 0;-ms-flex-wrap:wrap}.pressrelease-top-contents li{width:100%;padding:0;margin:0 0 40px}.pressrelease-top-contents li .press-img{box-sizing:border-box;width:100%;height:200px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.pressrelease-top-contents li .press-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.pressrelease-top-contents li .press-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.pressrelease-top-contents li .press-img .press-top-category-press{min-width:100px;padding:2px 7px;background:#ff5800;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.pressrelease-top-contents li .press-img .press-top-category-column{width:100px;padding:2px 7px;background:#e50012;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.pressrelease-top-contents li .press-top-date{padding:0 0 0 22px;margin:15px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 7px;font-size:14px}.pressrelease-top-contents li .press-top-title{padding:0;margin:10px 0 0;background-position:0 7px;font-size:16px;font-weight:bold;line-height:1.7}.pressrelease-top-contents li .press-top-title a:hover{text-decoration:underline}.page-contents-title{padding:0;margin:0;font-size:22px;font-weight:bold;line-height:1.6;text-align:left}.page-contents-eyecatch{padding:0;margin:50px 0 0}.page-contents-textarea{max-width:100%;padding:0;margin:30px 0 0;text-align:left}.page-contents-textarea img{width:100%;height:auto}.page-bottom-navi{margin:50px 0 0}.appli-relate-base{display:flex;flex-direction:column;flex-wrap:wrap;width:100%;padding:0;margin:30px 0;-ms-flex-wrap:wrap}.appli-relate-base li{display:flex;justify-content:space-between;width:100%;padding:0 0 15px;margin:0 0 15px;border-bottom:1px solid #ddd;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify}.search-result-contents{padding:0;margin:30px 0 0}.search-result-contents li{display:flex;justify-content:space-between;padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #ccc;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify}.search-result-contents li .search-img{box-sizing:border-box;width:100px;height:80px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.search-result-contents li .search-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.search-result-contents li .search-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.search-result-contents li .search-title{width:63%;font-size:16px;font-weight:bold;line-height:1.7}.search-result-contents li .search-title a:hover{text-decoration:underline}.search-result-contents li .search-title .search-date{padding:0 0 0 22px;margin:5px 0 13px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 4px;font-size:13px;font-weight:normal}.searchform{position:relative}.searchfield{width:100%;padding:10px;margin:0;background-color:#efefef;border:solid 1px #bbb;border-radius:4px;font-size:18px}.searchsubmit{width:40px;height:45px;text-indent:-9999px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-search.svg) no-repeat right;background-size:24px 24px;border:none;position:absolute;top:-2px;right:10px}.column-author-area{box-sizing:border-box;width:100%;padding:20px 30px 30px;margin:50px 0 0;background:#f2f2f2;text-align:left;-webkit-box-sizing:border-box}.column-author-area .column-author-heading{padding:0 0 10px;margin:0;border-bottom:1px solid #036eb8;font-size:20px;font-weight:bold}.column-author-area .column-textarea{display:flex;flex-direction:column;padding:0;margin:30px 0 0}.column-author-area .column-image{width:200px;padding:0;margin:0 auto}.column-author-area .column-image img{width:200px;height:200px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.column-author-area .column-text{width:100%;padding:0;margin:20px 0 0;line-height:1.7}.column-author-area .column-text .column-author01{padding:0;margin:10px 0;font-size:18px}.column-author-area .column-text .column-link{padding:0 0 0 25px;margin:20px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-columnlink.svg) no-repeat;background-position:0 7px;font-size:15px}.column-button-area{padding:0;margin:30px 0 0;text-align:center}.mailmagazine-thanks{max-width:90%;padding:0;margin:50px auto}.partner-base{display:flex;flex-direction:column;flex-wrap:wrap;padding:0;margin:0;-ms-flex-wrap:wrap}.partner-base li{width:100%;padding:0;margin:40px 0 0;text-align:left}.partner-box{display:flex;justify-content:space-between;padding:0;margin:25px 0 0;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify}.partner-box .partner-image{width:25%;padding:0;margin:0}.partner-box .partner-image img{width:100%;height:auto}.partner-box .partner-text{width:70%;padding:0;margin:-10px 0 0}.page-applisitemap-base{box-sizing:border-box;display:flex;flex-direction:column;width:75%;padding:60px 0 0;margin:0 auto;text-align:left;-webkit-box-sizing:border-box}.page-applisitemap-base li{width:100%;padding:0;margin:0}.sp-logo{width:230px;padding:14px 0 0;margin:0;text-align:left}.sp-logo img{width:100%;height:auto}.drawer-spmenu-01{padding:20px 0 20px;margin:0;border-bottom:1px solid #ccc;font-size:20px}.drawer-spmenu-01 a{color:#000}.sp-menu-link-01{padding:0 40px 0 0;margin:25px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:85px 13px;font-size:18px}.sp-menu-link-01 a{color:#000}.sp-menu-link-02{padding:0 40px 0 0;margin:25px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:193px 13px;font-size:18px}.sp-menu-link-02 a{color:#000}.sp-menu-link-03{padding:0;margin:25px 0 0;font-size:18px}.sp-menu-link-03 a{color:#000}.footer-pagebottom-contact{min-height:150px;padding:80px 0 30px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-bg-pagebtm-contact.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.footer-pagebottom-contact::before{content:"";display:block;background-color:#036eb8;opacity:.8;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.footter-pagebottom-heading{padding:0;margin:60px auto 30px;font-size:30px;text-align:center}.footerbox .footer-logo-area{width:28%;padding:0;margin:30px 0 0 20px;position:absolute;top:50px;left:0}.spfooterbox{width:90%;padding:60px 5% 30px;margin:0;background:#f2f7fa}.sp-contact-area{box-sizing:border-box;width:100%;padding:20px;margin:30px auto 0;border:1px solid #000;text-align:left;-webkit-box-sizing:border-box}.footer-tel{padding:0;margin:20px 0 0}.footer-tel img{width:100%;height:auto}.sp-footer-menu{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:10px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.sp-footer-menu li{width:49%;padding:0;margin:30px 0 0;text-align:left}.sp-foorer-bottom{padding:0;margin:0;background:#ddd;text-align:left}.sp-foorer-bottom .sp-foorer-bottom-inbox{width:90%;padding:30px 0 15px;margin:0 auto}.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-01{padding:0 20px 0 0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:80px 10px}.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-02{padding:0 20px 0 0;margin:20px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:180px 10px}.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-03{padding:0;margin:20px 0 0}.sp-copyright{padding:0;margin:50px 0 0;font-size:14px;line-height:1.6;text-align:center}.sp-appli-footerbox{width:90%;padding:30px 5% 30px;margin:0;background:#002f7c;color:#fff}.sp-appli-logonote{padding:0;margin:0;font-size:14px;text-align:center}.sp-appli-footer-menu{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:10px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.sp-appli-footer-menu li{width:43%;padding:0;margin:30px 0 0;font-size:14px;text-align:left}.sp-foorer-bottom{padding:0;margin:0;background:#ddd;text-align:left}.sp-foorer-bottom .sp-foorer-bottom-inbox{width:90%;padding:30px 0 15px;margin:0 auto}.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-01{padding:0 20px 0 0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:80px 10px}.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-02{padding:0 20px 0 0;margin:20px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:180px 10px}.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-03{padding:0;margin:20px 0 0}.sp-copyright{padding:0;margin:50px 0 0;font-size:14px;line-height:1.6;text-align:center}#sp-page-top,#spform-page-top{margin:0;position:fixed;right:15px;z-index:9}#sp-page-top a,#spform-page-top a{display:block;width:100%;padding:0;color:#fff;text-align:center;text-decoration:none}#sp-page-top a:hover,#spform-page-top a:hover{text-decoration:none}#sp-page-top img,#spform-page-top img{width:100%}.top-button{display:inline-block;width:100%;padding:15px 0;background-color:#f05454;border-radius:50px;color:#fff;font-size:22px;text-align:center;text-decoration:none;position:relative}.top-button::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sp-arrow-wh.svg);margin-top:-5px;position:absolute;top:15%;right:.5em;border-left-color:#fff}.top-contact-button{display:inline-block;width:100%;padding:15px 0;margin:0 0 50px;background:none;border:1px solid #fff;border-radius:50px;color:#fff;font-size:22px;text-align:center;text-decoration:none;position:relative}.top-contact-button::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sp-arrow-wh.svg);margin-top:-5px;position:absolute;top:18%;right:.5em;border-left-color:#fff}.top-contact-button:hover{background-color:rgba(255,255,255,.3);transition:all .5s;-webkit-transition:all .5s}.top-contact-button:hover::after{animation:arrow-contact .4s;-webkit-animation:arrow-contact .4s}@keyframes arrow-contact{50%{right:.2em}100%{right:.5em}}.page-back-button{display:inline-block;width:100%;height:54px;padding:0 20px;margin:30px 10px 0;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:18px;line-height:52px;text-align:center;text-decoration:none}.page-back-button::before,.page-back-button::after{content:"";display:block;position:absolute;z-index:-1}.page-back-button,.page-back-button::before,.page-back-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.page-back-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.faq-index-button{display:inline-block;width:100%;height:60px;padding:0 20px;margin:0;background-color:#036eb8;border:1px solid #036eb8;border-radius:8px;outline:none;color:#fff;font-size:20px;line-height:58px;text-align:center;text-decoration:none}.column-button{display:inline-block;width:100%;height:50px;padding:0 20px;margin:0;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:16px;line-height:48px;text-align:center;text-decoration:none}.column-button::before,.column-button::after{content:"";display:block;position:absolute;z-index:-1}.column-button,.column-button::before,.column-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.column-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.partner-button{display:block;height:40px;padding:0 20px;margin:20px 0 0;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:16px;line-height:38px;text-align:center;text-decoration:none;position:relative}.notfound-button{display:inline-block;width:100%;height:54px;padding:0 10px;margin:30px 10px 0;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:15px;line-height:52px;text-align:center;text-decoration:none}.notfound-button::before,.notfound-button::after{content:"";display:block;position:absolute;z-index:-1}.notfound-button,.notfound-button::before,.notfound-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.notfound-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.footer-entry-btn-area{display:flex;flex-direction:column;width:90%;padding:0;margin:0 auto}.footer-entry-btn-area li{width:100%;padding:0;margin:0}.formtb{padding:0;margin:0}.formtb dd{width:100%;padding:0;margin:0 0 10px auto;border-top:0;border-left:none}.formtb dl{width:auto}.formtb dt,.formtb dd,.formtb dl{display:block}.privacy-area{padding:0;margin:20px 0 0;font-size:14px;text-align:center}.submit-button{display:inline-block;width:50%;padding:10px 0;margin:20px 0 0;background:#036eb8;border:none;border-radius:12px;color:#fff;font-size:18px}.submit-button:hover{width:50%;padding:10px 0;margin:20px 0 0;background:#0284de;border:none;border-radius:12px;color:#fff;font-size:18px}.back-button{display:inline-block;width:25%;padding:10px;margin:20px 3% 0 0;background:#999;border:none;border-radius:12px;color:#fff;font-size:18px}.back-button:hover{display:inline-block;width:25%;padding:10px;margin:20px 3% 0 0;background:#ccc;border:none;border-radius:12px;color:#fff;font-size:18px}.top-contents-title{padding:0;margin:0;color:#fff;font-size:30px;font-weight:bold;line-height:1.5;text-align:center}.top-contents-title-02{display:inline-block;padding:0;font-size:30px;font-weight:bold;line-height:1.5;position:relative}.top-contents-title-02:before,.top-contents-title-02:after{content:"";display:inline-block;width:45px;height:0;background-color:#000;position:absolute;top:50%}.top-contents-title-02:before{left:0}.top-contents-title-02:after{right:0}.appli-relate-heading{margin:40px 0 0}.appli-search-heading{margin:90px 0 0;border-bottom:solid 3px #ddd;font-size:24px;font-weight:bold;position:relative}.bosyu-heading-base{padding:0;margin:0;background:#ebebeb;border-left:solid 15px #002f7c;color:#002f7c;font-size:26px;font-weight:bold;text-align:left}.bosyu-heading-base .bosyu-heading{padding:10px 0 10px 20px;margin:0;background:none}.partner-heading-base{padding:0;margin:0;background:#ebebeb;border-left:solid 15px #002f7c;color:#002f7c;font-size:26px;font-weight:bold;text-align:left}.partner-heading-base .partner-heading{padding:10px 0 10px 20px;margin:0;background:none}.mailmagazine-heading-base{padding:0;margin:0;background:#ebebeb;border-left:solid 15px #002f7c;color:#002f7c;font-size:26px;font-weight:bold;text-align:left}.mailmagazine-heading-base .mailmagazine-heading{padding:10px 0 10px 20px;margin:0;background:none}.applisitemap-heading-base{padding:0;margin:0;background:#ebebeb;border-left:solid 15px #002f7c;color:#002f7c;font-size:26px;font-weight:bold;text-align:left}.applisitemap-heading-base .applisitemap-heading{padding:10px 0 10px 20px;margin:0;background:none}.slider{width:100%;height:75vh;padding:0;margin:0;position:relative}.main-catch-area{max-width:90%;padding:0;margin:200px auto 0;position:relative}.main-catch-area img{width:100%;height:auto}.main-catch-area-02{max-width:90%;padding:0;margin:150px auto 0;position:relative}.main-catch-area-02 img{width:100%;height:auto}p.main-catch-01{border-right:solid 7px rgba(0,173,225,.8);overflow:hidden;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#000;font-size:30px;font-weight:bold;line-height:1.7;text-align:left;text-shadow:2px 2px 2px #fff,-2px -2px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff,2px 0 2px #fff,-2px 0 2px #fff,0 2px 2px #fff,0 -2px 2px #fff;white-space:nowrap}p.main-catch-01{animation:animated-text 1.2s steps(13, end) 1s 1 normal both,animated-cursor 2500ms steps(13, end) infinite;-webkit-animation:animated-text 1.2s steps(13, end) 1s 1 normal both,animated-cursor 2500ms steps(13, end) infinite}@keyframes animated-text{from{width:0}to{width:100%}}@keyframes animated-cursor{from{border-right-color:rgba(0,173,225,.9)}to{border-right-color:rgba(0,0,0,0)}}p.main-catch-02{margin:0;border-right:solid 7px rgba(0,173,225,.9);overflow:hidden;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#000;font-size:26px;font-weight:bold;line-height:1.7;text-align:left;text-shadow:2px 2px 2px #fff,-2px -2px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff,2px 0 2px #fff,-2px 0 2px #fff,0 2px 2px #fff,0 -2px 2px #fff;white-space:nowrap}p.main-catch-02{animation:animated-text-02 1s steps(10, end) 1s 1 normal both,animated-cursor-02 2500ms steps(10, end) infinite;-webkit-animation:animated-text-02 1s steps(10, end) 1s 1 normal both,animated-cursor-02 2500ms steps(10, end) infinite}@keyframes animated-text-02{from{width:0}to{width:100%}}@keyframes animated-cursor-02{from{border-right-color:rgba(0,173,225,.9)}to{border-right-color:rgba(0,0,0,0)}}.swiper-container{width:100%}.swiper-container .swiper-wrapper .swiper-slide{background-repeat:no-repeat;background-position:center;background-size:cover}.swiper-container .swiper-wrapper .swiper-slide p.text01{padding:3%;position:absolute;top:25%}.swiper-container .swiper-wrapper .swiper-slide p.text01 img{width:100%;height:auto}.swiper-container .swiper-wrapper .swiper-slide p.text02{padding:3%;position:absolute;top:20%}.swiper-container .swiper-wrapper .swiper-slide p.text02 img{width:100%;height:auto}.swiper-container .swiper-wrapper .swiper-slide-active p{animation-delay:2s;animation-duration:2s;animation-fill-mode:both;animation-name:fade-in}.pickup-slider{width:85%;height:200px;margin:0 auto}.pickup-slider li{height:200px;border-left:0 solid #fff;text-align:center;position:relative}.pickup-slider li img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.slide-pickup-area{box-sizing:border-box;width:100%;padding:10px;margin:0 auto;background:rgba(0,0,0,.5);color:#fff;text-align:left;position:absolute;left:0;right:0;bottom:0;-webkit-box-sizing:border-box}.category-pickup{min-width:100px;padding:2px 7px;background:#ffbc2b;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}body{padding:0;margin:0;background:#fff;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#000;font-size:1.6rem;line-height:2;text-align:center;font-display:swap}.wrapper{width:100%;min-width:100%;padding:0;margin:0;overflow:hidden}#faq01,#faq02,#faq03{padding-top:102px;margin-top:-102px}.is-pc{display:none !important}.is-sp{display:block !important}.is-header-pc{display:none !important}.is-header-sp{display:block !important}.drawer-navbar{display:block !important}.bread-area{max-width:90%;padding:30px 5% 0;margin:0;font-size:14px;text-align:left}.bread-area-notfound{max-width:90%;padding:20px 5% 0;margin:60px 0 0;font-size:14px;text-align:left}.bread-area-appli{max-width:90%;padding:20px 5% 20px;margin:60px auto 0;font-size:14px;text-align:left}div.scroll{display:inline-block;padding:10px 10px 60px;overflow:hidden;font-family:"Josefin Sans",sans-serif;color:#000;font-size:12px;line-height:1;letter-spacing:.2em;text-decoration:none;text-transform:uppercase;text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff,1px 0 1px #fff,-1px 0 1px #fff,0 1px 1px #fff,0 -1px 1px #fff;position:absolute;left:40px;bottom:0;z-index:2;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}div.scroll::after{content:"";width:1px;height:50px;background:#000;position:absolute;left:50%;bottom:0;animation:sdl 2s cubic-bezier(1, 0, 0, 1) infinite;-webkit-animation:sdl 2s cubic-bezier(1, 0, 0, 1) infinite}@keyframes sdl{0%{transform:scale(1, 0);-webkit-transform:scale(1, 0);transform-origin:0 0}30%{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:0 0}70%{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:0 100%}100%{transform:scale(1, 0);-webkit-transform:scale(1, 0);transform-origin:0 100%}}.page-base{width:90%;padding:60px 0;margin:0 auto}.page-base-02{width:100%;padding:0;margin:0 auto;background:#f2f7fa}.page-base-download{padding:60px 0 20px;margin:0;background:#fff}.page-case-area{padding:60px 0 0;margin:0}.section-comp-02{padding:0;margin:60px 0 0}.section-comp-03{padding:0;margin:60px 0 0}.section-comp-04{padding:60px 0 0;margin:0}.section-comp-05{padding:60px 0;margin:0;background:#fff}.section-comp-06{padding:0 0 60px;margin:0;background:#fff}.contents-base-01{box-sizing:border-box;width:90%;padding:30px 30px 0;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;top:220px;left:0;right:0;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.contents-base-02{box-sizing:border-box;width:90%;padding:30px 30px 60px;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;top:220px;left:0;right:0;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}ul.point-area{display:flex;flex-direction:column;flex-wrap:wrap;padding:0;margin:0;text-align:left;-ms-flex-wrap:wrap}ul.point-area li{display:flex;flex-direction:column-reverse;width:100%;padding:0;margin:0 0 40px}ul.point-area li .point-icon{vertical-align:top;width:50%;padding:0;margin:30px auto 0}ul.point-area li .point-icon img{width:100%;height:auto}ul.point-area li .point-text{vertical-align:top;width:100%;padding:0;margin:0;line-height:1.8}ul.point-area li .point-icon-02{vertical-align:top;width:40%;padding:0;margin:30px auto 0}ul.point-area li .point-icon-02 img{width:100%;height:auto}ul.point-area li .point-text-02{vertical-align:top;width:100%;padding:0;margin:0;line-height:1.8}.sp-top-about-01{width:90%;padding:0 0 50px;margin:50px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n01.svg) no-repeat;background-position:right top;text-align:left;position:relative}.sp-top-about-02{width:90%;padding:0 0 50px;margin:50px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n02.svg) no-repeat;background-position:right top;text-align:left;position:relative}.sp-top-about-03{width:90%;padding:0 0 50px;margin:50px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n03.svg) no-repeat;background-position:right top;text-align:left;position:relative}.sp-top-about-04{width:90%;padding:0 0 50px;margin:50px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n04.svg) no-repeat;background-position:right top;text-align:left;position:relative}.sp-top-about-05{width:90%;padding:0 0 50px;margin:50px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n05.svg) no-repeat;background-position:right top;text-align:left;position:relative}.sp-top-about-06{width:90%;padding:0 0 50px;margin:50px auto 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-about-n06.svg) no-repeat;background-position:right top;text-align:left;position:relative}.sp-top-about-01:after,.sp-top-about-02:after,.sp-top-about-03:after,.sp-top-about-04:after,.sp-top-about-05:after{content:"";width:60%;height:1px;background-color:#000;border-radius:0;position:absolute;left:20%;bottom:0}.page-button-area,.page-button-area-02{width:90%;padding:0;margin:60px auto 0}.top-example-lead{padding:0;margin:20px 0 0;font-size:20px;font-weight:bold;line-height:1.5;text-align:left}ul.top-example-contents{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:700px;padding:0;margin:0 auto 0;text-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}ul.top-example-contents li{vertical-align:middle;width:48%;padding:0;margin:40px 0 30px;position:relative}ul.top-example-contents li img{width:100%;height:auto}ul.top-example-contents li .text01{font-size:20px;font-weight:bold;line-height:1.3;letter-spacing:-1px;position:absolute;left:0;right:0;bottom:-30px}ul.top-example-contents li .text02{font-size:20px;font-weight:bold;line-height:1.3;letter-spacing:-1px;position:absolute;left:0;right:0;bottom:-50px}ul.top-example-contents li.icon04{vertical-align:middle;width:10%;margin:0 0 0 30px;position:relative}ul.top-example-contents li.icon04 img{width:100%;height:auto}.contents-case-base{box-sizing:border-box;display:flex;flex-direction:column-reverse;max-width:90%;padding:30px;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.contents-case-base li.case-image{width:100%;padding:0;margin:35px 0 0}.contents-case-base li.case-image img{width:100%;height:auto}.contents-case-base li.case-text-area{width:100%;padding:0;margin:0;text-align:left}.contents-case-base li.case-text-area .case-heading{padding:0;margin:0;color:#036eb8;font-size:24px;font-weight:bold;line-height:1.4}.contents-case-base li.case-text-area .case-icon{display:block;width:70px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base li.case-text-area .case-icon-02{display:block;width:140px;padding:6px 10px;margin:5px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base li.case-text-area .case-text{display:block;width:120px;padding:0;margin:5px 20px 0 0;font-size:18px}.contents-case-base li.case-text-area .case-text-02{display:block;width:220px;padding:0;margin:5px 20px 0 0;font-size:18px}.contents-case-base li.case-text-area .case-text-03{display:block;width:220px;padding:0;margin:10px 20px 0 0;font-size:18px}.contents-case-base-02{box-sizing:border-box;display:flex;flex-direction:column;width:90%;padding:30px;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.contents-case-base-02 li.case-image{width:100%;padding:0;margin:35px 0 0}.contents-case-base-02 li.case-image img{width:100%;height:auto}.contents-case-base-02 li.case-text-area{width:100%;padding:0;margin:0;text-align:left}.contents-case-base-02 li.case-text-area .case-heading{padding:0;margin:0;color:#036eb8;font-size:24px;font-weight:bold;line-height:1.4}.contents-case-base-02 li.case-text-area .case-icon{display:inline-block;width:70px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base-02 li.case-text-area .case-icon-02{display:inline-block;width:140px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.contents-case-base-02 li.case-text-area .case-text{display:inline-block;width:150px;padding:0;margin:5px 20px 0 0;font-size:18px}.contents-case-base-02 li.case-text-area .case-text-02{display:inline-block;width:220px;padding:0;margin:5px 20px 0 0;font-size:18px}.contents-case-base-02 li.case-text-area .case-text-03{display:inline-block;width:220px;padding:0;margin:10px 20px 0 0;font-size:18px}ul.plan-contents{display:flex;flex-direction:column;max-width:90%;padding:0 20px;margin:60px auto 0}ul.plan-contents li{box-sizing:border-box;width:280px;min-height:480px;padding:0;margin:0 auto;-webkit-box-sizing:border-box}ul.plan-contents li .circle{box-sizing:border-box;display:inline-block;width:280px;height:280px;padding:70px 0 0;background:#fff;border-radius:50%;box-shadow:0 0 8px #ccc;text-align:center;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.top-faq-base{width:90%;padding:0;margin:60px auto 0;text-align:left}.accordion-container .accordion-title{width:77%;padding:30px 5% 30px 18%;margin:0 auto;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-question.svg) no-repeat;background-position:5px 30px;border-top:1px solid #ccc;cursor:pointer;color:#000;font-size:18px;font-weight:normal;text-align:left;position:relative}.accordion-container .accordion-title:hover,.accordion-container .accordion-title:active,.accordion-title.open{background-color:none}.accordion-container .accordion-title::before{content:"";width:15px;height:0;background:#ccc;position:absolute;top:50%;right:25px;transition:all .3s ease-in-out;transform:rotate(90deg);-webkit-transform:rotate(90deg);-webkit-transition:all .3s ease-in-out}.accordion-container .accordion-title::after{content:"";width:15px;height:0;background:#ccc;position:absolute;top:50%;right:25px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}.accordion-container .accordion-title.open::before{transform:rotate(180deg);-webkit-transform:rotate(180deg)}.accordion-container .accordion-title.open::after{opacity:0}.accordion-content{display:none;width:77%;padding:30px 5% 30px 18%;background:#f4f4f4;text-align:left;position:relative}.accordion-content:before{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-answer.svg);box-sizing:border-box;display:block;padding:0;position:absolute;top:28px;left:5px;-webkit-box-sizing:border-box}.movie-area{width:90%;padding:0;margin:60px auto 0}.movie-youtube{width:100%;margin:20px auto 0}.page-main-case{height:200px;padding:0;margin:60px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-case.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-download{height:200px;padding:0;margin:60px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-download.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-faq{height:200px;padding:0;margin:60px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-faq.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-contact{height:200px;padding:0;margin:60px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-contact.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.page-main-sitemap{height:200px;padding:0;margin:60px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-sp-page-main-sitemap.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.pagetitle{padding:0;margin:0;color:#fff;font-size:30px;font-weight:bold;position:absolute;top:35%;left:0;right:0}.page-case-base{box-sizing:border-box;width:94%;padding:30px;margin:0 auto 50px;background:#fff;border:1px solid #036eb8;border-radius:30px;-webkit-box-sizing:border-box}.page-case-base-02{box-sizing:border-box;width:94%;padding:30px;margin:60px auto 0;background:#fff;border:1px solid #036eb8;border-radius:30px;-webkit-box-sizing:border-box}.page-case-box{display:flex;flex-direction:column;padding:0;margin:0}.page-case-box .case-image{width:100%;padding:0;margin:0}.page-case-box .case-image img{width:100%;height:auto}.page-case-box .case-text-area{width:100%;padding:0;margin:0;text-align:left}.page-case-box .case-text-area .case-heading{padding:0;margin:25px 0 0;color:#036eb8;font-size:24px;font-weight:bold;line-height:1.4}.page-case-box .case-text-area .case-lead{padding:0;margin:25px 0 0;font-size:20px;font-weight:bold;line-height:1.5}.page-case-box .case-text-area .case-icon{display:inline-block;width:70px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.page-case-box .case-text-area .case-icon-02{display:inline-block;width:140px;padding:6px 10px;margin:35px 20px 0 0;background:#e0e0e0;border-radius:6px;font-size:14px;line-height:1;text-align:center}.page-case-box .case-text-area .case-text{display:inline-block;width:550px;padding:0;margin:10px 20px 0 0;font-size:18px}.page-case-box .case-text-area .case-text-02{display:inline-block;width:400px;padding:0;margin:10px 20px 0 0;font-size:18px}.case-flow-area{box-sizing:border-box;display:flex;flex-direction:column;padding:0;margin:40px 0 0;-webkit-box-sizing:border-box}.case-flow-area .flow-box{width:100%;padding:0;margin:0}.case-flow-area .flow-arrow{width:100%;padding:15px 0 10px;margin:0;text-align:center;transform:rotate(90deg);-webkit-transform:rotate(90deg)}.case-flow-area .flow-bf-heading{padding:5px;margin:0;background:#036eb8;border-radius:16px 16px 0 0;color:#fff;font-size:22px;text-align:center}.case-flow-area .flow-bf-contents{padding:20px;margin:0;background:#f2f7fa;border:1px solid #036eb8;border-radius:0 0 16px 16px;text-align:left}.case-flow-area .flow-af-heading{padding:5px;margin:0;background:#00ade1;border-radius:16px 16px 0 0;color:#fff;font-size:22px;text-align:center}.case-flow-area .flow-af-contents{padding:20px;margin:0;background:#f2f7fa;border:1px solid #00ade1;border-radius:0 0 16px 16px;text-align:left}.down-load-base{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;width:90%;padding:0;margin:0 auto;text-align:left;-webkit-box-sizing:border-box;-ms-flex-wrap:wrap}.down-load-base li{width:100%;padding:0;margin:0 0 70px}.down-load-base .sp-download-img{width:100%}.down-load-base .sp-download-img img{width:100%;height:auto}.page-base-downloadform{box-sizing:border-box;display:flex;flex-direction:column;width:90%;padding:0;margin:60px auto;text-align:left;-webkit-box-sizing:border-box}.page-base-downloadform .downloadform-img{width:100%;padding:0;margin:0}.page-base-downloadform .downloadform-img img{width:100%;height:auto}.page-base-downloadform .downloadform-base-01{width:100%;padding:0;margin:40px 0 0}.page-base-downloadform .downloadform-base-01 .downloadform-heading{padding:0;margin:0;font-size:20px;font-weight:bold;text-align:center}.page-base-downloadform .downloadform-base-01 .downloadform-box{box-sizing:border-box;width:100%;padding:30px 30px 50px;margin:5px 0 0;background:#f4f4f4;border-radius:20px;-webkit-box-sizing:border-box}.thanks-text{padding:0;margin:30px 0 0;text-align:left}.thanks-img{padding:0;margin:0 auto;text-align:center}.thanks-img img{width:100%;height:auto}.thanks-button-area{display:flex;flex-direction:column;max-width:1200px;padding:0;margin:30px auto 0}.faq-index-area{box-sizing:border-box;display:flex;flex-direction:column;width:100%;padding:0;margin:0 auto;-webkit-box-sizing:border-box}.faq-index-area li{width:100%;padding:0;margin:0 0 25px}.faq-base{box-sizing:border-box;width:100%;padding:40px 20px 40px;margin:35px auto 0;background:#fff;border:1px solid #036eb8;-webkit-box-sizing:border-box}.faq-base .faq-heading{padding:0 0 5px;margin:0 0 40px;font-size:26px;font-weight:bold;text-align:center}.contact-base{box-sizing:border-box;width:100%;padding:20px 20px 30px;margin:0 auto;background:#fff;border-radius:20px;text-align:left;-webkit-box-sizing:border-box}.appli-contact-form-area{padding:5px 20px 30px;margin:30px 0 0;background:#f4f4f4;border:0 solid #333;border-radius:20px}.page-sitemap-base{box-sizing:border-box;display:flex;flex-direction:column;width:75%;padding:100px 0 50px;margin:0 auto;text-align:left;-webkit-box-sizing:border-box}.page-sitemap-base li{width:100%;padding:0;margin:0}.notfound-base{width:90%;padding:100px 0 60px;margin:0 auto;background:#fff}.notfound-img{padding:0;margin:0 auto;text-align:center}.notfound-img img{width:100%;height:auto}.pickup-area{box-sizing:content-box;width:100%;padding:20px 0;margin:60px 0 0;background:#f2f7fa;-webkit-box-sizing:content-box}.appli-base{display:flex;flex-direction:column;width:100%;padding:20px 0 50px;margin:0 auto}.appli-base .appli-contents{width:90%;padding:0;margin:0 auto;text-align:left}.appli-base .appli-side{width:90%;padding:0;margin:80px auto 0;text-align:left}.appli-base .appli-side .side-banner{padding:0;margin:0 0 15px}.appli-base .appli-side .side-banner img{width:100%;height:auto}.appli-base .appli-side .side-banner-02{padding:0;margin:20px 0 0}.appli-base .appli-side .side-banner-02 img{width:100%;height:auto}.press-top-contents{display:flex;flex-direction:column;flex-wrap:wrap;width:100%;padding:0 0 0;margin:0 auto;-ms-flex-wrap:wrap}.press-top-contents li{width:100%;padding:0;margin:0 0 40px}.press-top-contents li .press-img{box-sizing:border-box;width:100%;height:200px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.press-top-contents li .press-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.press-top-contents li .press-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.press-top-contents li .press-img .press-top-category-press{min-width:100px;padding:2px 7px;background:#ff5800;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.press-top-contents li .press-img .press-top-category-column{width:100px;padding:2px 7px;background:#e50012;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.press-top-contents li .press-top-date{padding:0 0 0 22px;margin:15px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 7px;font-size:14px}.press-top-contents li .press-top-title{padding:0;margin:10px 0 0;background-position:0 7px;font-size:16px;font-weight:bold;line-height:1.7}.press-top-contents li .press-top-title a:hover{text-decoration:underline}.pressrelease-top-contents{display:flex;flex-direction:column;flex-wrap:wrap;width:100%;padding:0 0 0;margin:30px auto 0;-ms-flex-wrap:wrap}.pressrelease-top-contents li{width:100%;padding:0;margin:0 0 40px}.pressrelease-top-contents li .press-img{box-sizing:border-box;width:100%;height:200px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.pressrelease-top-contents li .press-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.pressrelease-top-contents li .press-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.pressrelease-top-contents li .press-img .press-top-category-press{min-width:100px;padding:2px 7px;background:#ff5800;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.pressrelease-top-contents li .press-img .press-top-category-column{width:100px;padding:2px 7px;background:#e50012;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.pressrelease-top-contents li .press-top-date{padding:0 0 0 22px;margin:15px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 7px;font-size:14px}.pressrelease-top-contents li .press-top-title{padding:0;margin:10px 0 0;background-position:0 7px;font-size:16px;font-weight:bold;line-height:1.7}.pressrelease-top-contents li .press-top-title a:hover{text-decoration:underline}.page-contents-title{padding:0;margin:0;font-size:22px;font-weight:bold;line-height:1.6;text-align:left}.page-contents-eyecatch{padding:0;margin:50px 0 0}.page-contents-textarea{max-width:100%;padding:0;margin:30px 0 0;text-align:left}.page-contents-textarea img{width:100%;height:auto}.page-bottom-navi{margin:50px 0 0}.appli-relate-base{display:flex;flex-direction:column;flex-wrap:wrap;width:100%;padding:0;margin:30px 0;-ms-flex-wrap:wrap}.appli-relate-base li{display:flex;justify-content:space-between;width:100%;padding:0 0 15px;margin:0 0 15px;border-bottom:1px solid #ddd;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify}.search-result-contents{padding:0;margin:30px 0 0}.search-result-contents li{display:flex;justify-content:space-between;padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #ccc;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify}.search-result-contents li .search-img{box-sizing:border-box;width:100px;height:80px;overflow:hidden;position:relative;-webkit-box-sizing:border-box}.search-result-contents li .search-img img{width:100%;height:100%;position:absolute;transition:.3s ease-in-out;transform:scale(1);-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:.3s ease-in-out}.search-result-contents li .search-img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.search-result-contents li .search-title{width:63%;font-size:16px;font-weight:bold;line-height:1.7}.search-result-contents li .search-title a:hover{text-decoration:underline}.search-result-contents li .search-title .search-date{padding:0 0 0 22px;margin:5px 0 13px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-date.svg) no-repeat;background-position:0 4px;font-size:13px;font-weight:normal}.searchform{position:relative}.searchfield{width:100%;padding:10px;margin:0;background-color:#efefef;border:solid 1px #bbb;border-radius:4px;font-size:18px}.searchsubmit{width:40px;height:45px;text-indent:-9999px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-search.svg) no-repeat right;background-size:24px 24px;border:none;position:absolute;top:-2px;right:10px}.column-author-area{box-sizing:border-box;width:100%;padding:20px 30px 30px;margin:50px 0 0;background:#f2f2f2;text-align:left;-webkit-box-sizing:border-box}.column-author-area .column-author-heading{padding:0 0 10px;margin:0;border-bottom:1px solid #036eb8;font-size:20px;font-weight:bold}.column-author-area .column-textarea{display:flex;flex-direction:column;padding:0;margin:30px 0 0}.column-author-area .column-image{width:200px;padding:0;margin:0 auto}.column-author-area .column-image img{width:200px;height:200px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.column-author-area .column-text{width:100%;padding:0;margin:20px 0 0;line-height:1.7}.column-author-area .column-text .column-author01{padding:0;margin:10px 0;font-size:18px}.column-author-area .column-text .column-link{padding:0 0 0 25px;margin:20px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-columnlink.svg) no-repeat;background-position:0 7px;font-size:15px}.column-button-area{padding:0;margin:30px 0 0;text-align:center}.mailmagazine-thanks{max-width:90%;padding:0;margin:50px auto}.partner-base{display:flex;flex-direction:column;flex-wrap:wrap;padding:0;margin:0;-ms-flex-wrap:wrap}.partner-base li{width:100%;padding:0;margin:40px 0 0;text-align:left}.partner-box{display:flex;justify-content:space-between;padding:0;margin:25px 0 0;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify}.partner-box .partner-image{width:25%;padding:0;margin:0}.partner-box .partner-image img{width:100%;height:auto}.partner-box .partner-text{width:70%;padding:0;margin:-10px 0 0}.page-applisitemap-base{box-sizing:border-box;display:flex;flex-direction:column;width:75%;padding:60px 0 0;margin:0 auto;text-align:left;-webkit-box-sizing:border-box}.page-applisitemap-base li{width:100%;padding:0;margin:0}.sp-logo{width:230px;padding:14px 0 0;margin:0;text-align:left}.sp-logo img{width:100%;height:auto}.drawer-spmenu-01{padding:20px 0 20px;margin:0;border-bottom:1px solid #ccc;font-size:20px}.drawer-spmenu-01 a{color:#000}.sp-menu-link-01{padding:0 40px 0 0;margin:25px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:85px 13px;font-size:18px}.sp-menu-link-01 a{color:#000}.sp-menu-link-02{padding:0 40px 0 0;margin:25px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:193px 13px;font-size:18px}.sp-menu-link-02 a{color:#000}.sp-menu-link-03{padding:0;margin:25px 0 0;font-size:18px}.sp-menu-link-03 a{color:#000}.footer-pagebottom-contact{min-height:150px;padding:80px 0 30px;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/img-bg-pagebtm-contact.jpg) no-repeat;background-position:center top;background-size:cover;position:relative;z-index:0}.footer-pagebottom-contact::before{content:"";display:block;background-color:#036eb8;opacity:.8;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.footter-pagebottom-heading{padding:0;margin:60px auto 30px;font-size:30px;text-align:center}.footerbox .footer-logo-area{width:28%;padding:0;margin:30px 0 0 20px;position:absolute;top:50px;left:0}.spfooterbox{width:90%;padding:60px 5% 30px;margin:0;background:#f2f7fa}.sp-contact-area{box-sizing:border-box;width:100%;padding:20px;margin:30px auto 0;border:1px solid #000;text-align:left;-webkit-box-sizing:border-box}.footer-tel{padding:0;margin:20px 0 0}.footer-tel img{width:100%;height:auto}.sp-footer-menu{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:10px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.sp-footer-menu li{width:49%;padding:0;margin:30px 0 0;text-align:left}.sp-foorer-bottom{padding:0;margin:0;background:#ddd;text-align:left}.sp-foorer-bottom .sp-foorer-bottom-inbox{width:90%;padding:30px 0 15px;margin:0 auto}.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-01{padding:0 20px 0 0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:80px 10px}.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-02{padding:0 20px 0 0;margin:20px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:180px 10px}.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-03{padding:0;margin:20px 0 0}.sp-copyright{padding:0;margin:50px 0 0;font-size:14px;line-height:1.6;text-align:center}.sp-appli-footerbox{width:90%;padding:30px 5% 30px;margin:0;background:#002f7c;color:#fff}.sp-appli-logonote{padding:0;margin:0;font-size:14px;text-align:center}.sp-appli-footer-menu{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:10px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.sp-appli-footer-menu li{width:43%;padding:0;margin:30px 0 0;font-size:14px;text-align:left}.sp-foorer-bottom{padding:0;margin:0;background:#ddd;text-align:left}.sp-foorer-bottom .sp-foorer-bottom-inbox{width:90%;padding:30px 0 15px;margin:0 auto}.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-01{padding:0 20px 0 0;margin:0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:80px 10px}.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-02{padding:0 20px 0 0;margin:20px 0 0;background:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-link.svg) no-repeat;background-position:180px 10px}.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-03{padding:0;margin:20px 0 0}.sp-copyright{padding:0;margin:50px 0 0;font-size:14px;line-height:1.6;text-align:center}#sp-page-top,#spform-page-top{margin:0;position:fixed;right:15px;z-index:9}#sp-page-top a,#spform-page-top a{display:block;width:100%;padding:0;color:#fff;text-align:center;text-decoration:none}#sp-page-top a:hover,#spform-page-top a:hover{text-decoration:none}#sp-page-top img,#spform-page-top img{width:100%}.top-button{display:inline-block;width:100%;padding:15px 0;background-color:#f05454;border-radius:50px;color:#fff;font-size:22px;text-align:center;text-decoration:none;position:relative}.top-button::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sp-arrow-wh.svg);margin-top:-5px;position:absolute;top:15%;right:.5em;border-left-color:#fff}.top-contact-button{display:inline-block;width:100%;padding:15px 0;margin:0 0 50px;background:none;border:1px solid #fff;border-radius:50px;color:#fff;font-size:22px;text-align:center;text-decoration:none;position:relative}.top-contact-button::after{content:url(//ma-inc.jp/game_support/wp-content/themes/images/icon-sp-arrow-wh.svg);margin-top:-5px;position:absolute;top:18%;right:.5em;border-left-color:#fff}.top-contact-button:hover{background-color:rgba(255,255,255,.3);transition:all .5s;-webkit-transition:all .5s}.top-contact-button:hover::after{animation:arrow-contact .4s;-webkit-animation:arrow-contact .4s}@keyframes arrow-contact{50%{right:.2em}100%{right:.5em}}.page-back-button{display:inline-block;width:100%;height:54px;padding:0 20px;margin:30px 10px 0;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:18px;line-height:52px;text-align:center;text-decoration:none}.page-back-button::before,.page-back-button::after{content:"";display:block;position:absolute;z-index:-1}.page-back-button,.page-back-button::before,.page-back-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.page-back-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.faq-index-button{display:inline-block;width:100%;height:60px;padding:0 20px;margin:0;background-color:#036eb8;border:1px solid #036eb8;border-radius:8px;outline:none;color:#fff;font-size:20px;line-height:58px;text-align:center;text-decoration:none}.column-button{display:inline-block;width:100%;height:50px;padding:0 20px;margin:0;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:16px;line-height:48px;text-align:center;text-decoration:none}.column-button::before,.column-button::after{content:"";display:block;position:absolute;z-index:-1}.column-button,.column-button::before,.column-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.column-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.partner-button{display:block;height:40px;padding:0 20px;margin:20px 0 0;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:16px;line-height:38px;text-align:center;text-decoration:none;position:relative}.notfound-button{display:inline-block;width:100%;height:54px;padding:0 10px;margin:30px 10px 0;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;outline:none;color:#000;font-size:15px;line-height:52px;text-align:center;text-decoration:none}.notfound-button::before,.notfound-button::after{content:"";display:block;position:absolute;z-index:-1}.notfound-button,.notfound-button::before,.notfound-button::after{box-sizing:border-box;transition:all .3s;-webkit-box-sizing:border-box;-webkit-transition:all .3s}.notfound-button:hover{background-color:#036eb8;border:1px solid #036eb8;color:#fff}.footer-entry-btn-area{display:flex;flex-direction:column;width:90%;padding:0;margin:0 auto}.footer-entry-btn-area li{width:100%;padding:0;margin:0}.formtb{padding:0;margin:0}.formtb dd{width:100%;padding:0;margin:0 0 10px auto;border-top:0;border-left:none}.formtb dl{width:auto}.formtb dt,.formtb dd,.formtb dl{display:block}.privacy-area{padding:0;margin:20px 0 0;font-size:14px;text-align:center}.submit-button{display:inline-block;width:50%;padding:10px 0;margin:20px 0 0;background:#036eb8;border:none;border-radius:12px;color:#fff;font-size:18px}.submit-button:hover{width:50%;padding:10px 0;margin:20px 0 0;background:#0284de;border:none;border-radius:12px;color:#fff;font-size:18px}.back-button{display:inline-block;width:25%;padding:10px;margin:20px 3% 0 0;background:#999;border:none;border-radius:12px;color:#fff;font-size:18px}.back-button:hover{display:inline-block;width:25%;padding:10px;margin:20px 3% 0 0;background:#ccc;border:none;border-radius:12px;color:#fff;font-size:18px}.top-contents-title{padding:0;margin:0;color:#fff;font-size:30px;font-weight:bold;line-height:1.5;text-align:center}.top-contents-title-02{display:inline-block;padding:0;font-size:30px;font-weight:bold;line-height:1.5;position:relative}.top-contents-title-02:before,.top-contents-title-02:after{content:"";display:inline-block;width:45px;height:0;background-color:#000;position:absolute;top:50%}.top-contents-title-02:before{left:0}.top-contents-title-02:after{right:0}.appli-relate-heading{margin:40px 0 0}.appli-search-heading{margin:90px 0 0;border-bottom:solid 3px #ddd;font-size:24px;font-weight:bold;position:relative}.bosyu-heading-base{padding:0;margin:0;background:#ebebeb;border-left:solid 15px #002f7c;color:#002f7c;font-size:26px;font-weight:bold;text-align:left}.bosyu-heading-base .bosyu-heading{padding:10px 0 10px 20px;margin:0;background:none}.partner-heading-base{padding:0;margin:0;background:#ebebeb;border-left:solid 15px #002f7c;color:#002f7c;font-size:26px;font-weight:bold;text-align:left}.partner-heading-base .partner-heading{padding:10px 0 10px 20px;margin:0;background:none}.mailmagazine-heading-base{padding:0;margin:0;background:#ebebeb;border-left:solid 15px #002f7c;color:#002f7c;font-size:26px;font-weight:bold;text-align:left}.mailmagazine-heading-base .mailmagazine-heading{padding:10px 0 10px 20px;margin:0;background:none}.applisitemap-heading-base{padding:0;margin:0;background:#ebebeb;border-left:solid 15px #002f7c;color:#002f7c;font-size:26px;font-weight:bold;text-align:left}.applisitemap-heading-base .applisitemap-heading{padding:10px 0 10px 20px;margin:0;background:none}.slider{width:100%;height:75vh;padding:0;margin:0;position:relative}.main-catch-area{max-width:90%;padding:0;margin:200px auto 0;position:relative}.main-catch-area img{width:100%;height:auto}.main-catch-area-02{max-width:90%;padding:0;margin:150px auto 0;position:relative}.main-catch-area-02 img{width:100%;height:auto}p.main-catch-01{border-right:solid 7px rgba(0,173,225,.8);overflow:hidden;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#000;font-size:30px;font-weight:bold;line-height:1.7;text-align:left;text-shadow:2px 2px 2px #fff,-2px -2px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff,2px 0 2px #fff,-2px 0 2px #fff,0 2px 2px #fff,0 -2px 2px #fff;white-space:nowrap}p.main-catch-01{animation:animated-text 1.2s steps(13, end) 1s 1 normal both,animated-cursor 2500ms steps(13, end) infinite;-webkit-animation:animated-text 1.2s steps(13, end) 1s 1 normal both,animated-cursor 2500ms steps(13, end) infinite}@keyframes animated-text{from{width:0}to{width:100%}}@keyframes animated-cursor{from{border-right-color:rgba(0,173,225,.9)}to{border-right-color:rgba(0,0,0,0)}}p.main-catch-02{margin:0;border-right:solid 7px rgba(0,173,225,.9);overflow:hidden;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#000;font-size:26px;font-weight:bold;line-height:1.7;text-align:left;text-shadow:2px 2px 2px #fff,-2px -2px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff,2px 0 2px #fff,-2px 0 2px #fff,0 2px 2px #fff,0 -2px 2px #fff;white-space:nowrap}p.main-catch-02{animation:animated-text-02 1s steps(10, end) 1s 1 normal both,animated-cursor-02 2500ms steps(10, end) infinite;-webkit-animation:animated-text-02 1s steps(10, end) 1s 1 normal both,animated-cursor-02 2500ms steps(10, end) infinite}@keyframes animated-text-02{from{width:0}to{width:100%}}@keyframes animated-cursor-02{from{border-right-color:rgba(0,173,225,.9)}to{border-right-color:rgba(0,0,0,0)}}.swiper-container{width:100%}.swiper-container .swiper-wrapper .swiper-slide{background-repeat:no-repeat;background-position:center;background-size:cover}.swiper-container .swiper-wrapper .swiper-slide p.text01{padding:3%;position:absolute;top:25%}.swiper-container .swiper-wrapper .swiper-slide p.text01 img{width:100%;height:auto}.swiper-container .swiper-wrapper .swiper-slide p.text02{padding:3%;position:absolute;top:20%}.swiper-container .swiper-wrapper .swiper-slide p.text02 img{width:100%;height:auto}.swiper-container .swiper-wrapper .swiper-slide-active p{animation-delay:2s;animation-duration:2s;animation-fill-mode:both;animation-name:fade-in}.pickup-slider{width:85%;height:200px;margin:0 auto}.pickup-slider li{height:200px;border-left:0 solid #fff;text-align:center;position:relative}.pickup-slider li img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.slide-pickup-area{box-sizing:border-box;width:100%;padding:10px;margin:0 auto;background:rgba(0,0,0,.5);color:#fff;text-align:left;position:absolute;left:0;right:0;bottom:0;-webkit-box-sizing:border-box}.category-pickup{min-width:100px;padding:2px 7px;background:#ffbc2b;color:#fff;font-size:12px;text-align:center;position:absolute;top:0;left:0;z-index:2}.skippr-arrow{display:none}.slick-next:before{margin:0 0 0 -5px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/pickup-arrow-next.svg) !important;background-size:contain !important}.slick-prev:before{margin:0 0 0 4px;background:url(//ma-inc.jp/game_support/wp-content/themes/images/pickup-arrow-prev.svg) !important;background-size:contain !important}.swiper-container{list-style:none;height:60vh;padding:0;margin:60px auto 0;overflow:hidden;position:relative;z-index:1}}@media all and (-ms-high-contrast: none){body{padding:0;margin:0;background:#fff;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#000;font-size:1.6rem;line-height:1.8;text-align:center;font-display:swap}body{padding:0;margin:0;background:#fff;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#000;font-size:1.6rem;line-height:1.8;text-align:center;font-display:swap}body{padding:0;margin:0;background:#fff;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#000;font-size:1.6rem;line-height:1.8;text-align:center;font-display:swap}body{padding:0;margin:0;background:#fff;font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#000;font-size:1.6rem;line-height:1.8;text-align:center;font-display:swap}}@media screen and (max-width: 1200px){.bread-area-appli span[property=name]{display:inline-block;vertical-align:middle;max-width:150px;padding:0;margin-top:-3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bread-area{max-width:1180px;padding:20px 10px 0;margin:0 auto;font-size:12px;text-align:left}.bread-area a:hover{text-decoration:underline}.bread-area-02{max-width:1180px;padding:0 10px;margin:80px auto 0;font-size:12px;text-align:left}.bread-area-02 a:hover{text-decoration:underline}.bread-area-notfound{max-width:1200px;padding:0;margin:100px auto 0;font-size:12px;text-align:left}.contents-base-01{box-sizing:border-box;width:90%;padding:70px 100px 0;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;top:220px;left:0;right:0;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.page-case-base{box-sizing:border-box;max-width:1200px;padding:60px;margin:0 20px 60px;background:#fff;border:1px solid #036eb8;border-radius:30px;-webkit-box-sizing:border-box}.page-case-base-02{box-sizing:border-box;max-width:1200px;padding:60px;margin:80px 20px 0;background:#fff;border:1px solid #036eb8;border-radius:30px;-webkit-box-sizing:border-box}.appli-base{display:flex;justify-content:space-between;max-width:98%;padding:60px 1% 100px;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify}.appli-base-02{box-sizing:border-box;max-width:98%;padding:60px 10px 100px;margin:0 auto;-webkit-box-sizing:border-box}.appli-base-02 .appli-contents-02{padding:0;margin:40px 0 0;text-align:left}.appli-base-03{box-sizing:border-box;width:98%;padding:60px 10px 100px;margin:0 auto;-webkit-box-sizing:border-box}.appli-base-03 .appli-contents-03{padding:0;margin:40px 0 0;text-align:left}.top-about-heading,.top-about-heading-02{font-size:22px}.pickup-slider{width:96%;height:245px;margin:0 auto}.pickup-slider li{height:245px;border-left:5px solid #f2f7fa;color:#000;text-align:center;position:relative}.pickup-slider li img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.bread-area-appli span[property=name]{display:inline-block;vertical-align:middle;max-width:150px;padding:0;margin-top:-3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bread-area{max-width:1180px;padding:20px 10px 0;margin:0 auto;font-size:12px;text-align:left}.bread-area a:hover{text-decoration:underline}.bread-area-02{max-width:1180px;padding:0 10px;margin:80px auto 0;font-size:12px;text-align:left}.bread-area-02 a:hover{text-decoration:underline}.bread-area-notfound{max-width:1200px;padding:0;margin:100px auto 0;font-size:12px;text-align:left}.contents-base-01{box-sizing:border-box;width:90%;padding:70px 100px 0;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;top:220px;left:0;right:0;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.page-case-base{box-sizing:border-box;max-width:1200px;padding:60px;margin:0 20px 60px;background:#fff;border:1px solid #036eb8;border-radius:30px;-webkit-box-sizing:border-box}.page-case-base-02{box-sizing:border-box;max-width:1200px;padding:60px;margin:80px 20px 0;background:#fff;border:1px solid #036eb8;border-radius:30px;-webkit-box-sizing:border-box}.appli-base{display:flex;justify-content:space-between;max-width:98%;padding:60px 1% 100px;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify}.appli-base-02{box-sizing:border-box;max-width:98%;padding:60px 10px 100px;margin:0 auto;-webkit-box-sizing:border-box}.appli-base-02 .appli-contents-02{padding:0;margin:40px 0 0;text-align:left}.appli-base-03{box-sizing:border-box;width:98%;padding:60px 10px 100px;margin:0 auto;-webkit-box-sizing:border-box}.appli-base-03 .appli-contents-03{padding:0;margin:40px 0 0;text-align:left}.top-about-heading,.top-about-heading-02{font-size:22px}.pickup-slider{width:96%;height:245px;margin:0 auto}.pickup-slider li{height:245px;border-left:5px solid #f2f7fa;color:#000;text-align:center;position:relative}.pickup-slider li img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.bread-area-appli span[property=name]{display:inline-block;vertical-align:middle;max-width:150px;padding:0;margin-top:-3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bread-area{max-width:1180px;padding:20px 10px 0;margin:0 auto;font-size:12px;text-align:left}.bread-area a:hover{text-decoration:underline}.bread-area-02{max-width:1180px;padding:0 10px;margin:80px auto 0;font-size:12px;text-align:left}.bread-area-02 a:hover{text-decoration:underline}.bread-area-notfound{max-width:1200px;padding:0;margin:100px auto 0;font-size:12px;text-align:left}.contents-base-01{box-sizing:border-box;width:90%;padding:70px 100px 0;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;top:220px;left:0;right:0;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.page-case-base{box-sizing:border-box;max-width:1200px;padding:60px;margin:0 20px 60px;background:#fff;border:1px solid #036eb8;border-radius:30px;-webkit-box-sizing:border-box}.page-case-base-02{box-sizing:border-box;max-width:1200px;padding:60px;margin:80px 20px 0;background:#fff;border:1px solid #036eb8;border-radius:30px;-webkit-box-sizing:border-box}.appli-base{display:flex;justify-content:space-between;max-width:98%;padding:60px 1% 100px;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify}.appli-base-02{box-sizing:border-box;max-width:98%;padding:60px 10px 100px;margin:0 auto;-webkit-box-sizing:border-box}.appli-base-02 .appli-contents-02{padding:0;margin:40px 0 0;text-align:left}.appli-base-03{box-sizing:border-box;width:98%;padding:60px 10px 100px;margin:0 auto;-webkit-box-sizing:border-box}.appli-base-03 .appli-contents-03{padding:0;margin:40px 0 0;text-align:left}.top-about-heading,.top-about-heading-02{font-size:22px}.pickup-slider{width:96%;height:245px;margin:0 auto}.pickup-slider li{height:245px;border-left:5px solid #f2f7fa;color:#000;text-align:center;position:relative}.pickup-slider li img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.bread-area-appli span[property=name]{display:inline-block;vertical-align:middle;max-width:150px;padding:0;margin-top:-3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bread-area{max-width:1180px;padding:20px 10px 0;margin:0 auto;font-size:12px;text-align:left}.bread-area a:hover{text-decoration:underline}.bread-area-02{max-width:1180px;padding:0 10px;margin:80px auto 0;font-size:12px;text-align:left}.bread-area-02 a:hover{text-decoration:underline}.bread-area-notfound{max-width:1200px;padding:0;margin:100px auto 0;font-size:12px;text-align:left}.contents-base-01{box-sizing:border-box;width:90%;padding:70px 100px 0;margin:60px auto 0;background:#fff;border-radius:30px;box-shadow:0 0 8px #ccc;top:220px;left:0;right:0;-webkit-box-shadow:0 0 8px #ccc;-webkit-box-sizing:border-box}.page-case-base{box-sizing:border-box;max-width:1200px;padding:60px;margin:0 20px 60px;background:#fff;border:1px solid #036eb8;border-radius:30px;-webkit-box-sizing:border-box}.page-case-base-02{box-sizing:border-box;max-width:1200px;padding:60px;margin:80px 20px 0;background:#fff;border:1px solid #036eb8;border-radius:30px;-webkit-box-sizing:border-box}.appli-base{display:flex;justify-content:space-between;max-width:98%;padding:60px 1% 100px;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify}.appli-base-02{box-sizing:border-box;max-width:98%;padding:60px 10px 100px;margin:0 auto;-webkit-box-sizing:border-box}.appli-base-02 .appli-contents-02{padding:0;margin:40px 0 0;text-align:left}.appli-base-03{box-sizing:border-box;width:98%;padding:60px 10px 100px;margin:0 auto;-webkit-box-sizing:border-box}.appli-base-03 .appli-contents-03{padding:0;margin:40px 0 0;text-align:left}.top-about-heading,.top-about-heading-02{font-size:22px}.pickup-slider{width:96%;height:245px;margin:0 auto}.pickup-slider li{height:245px;border-left:5px solid #f2f7fa;color:#000;text-align:center;position:relative}.pickup-slider li img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}}@media screen and (max-width: 1000px){.page-base-downloadform{box-sizing:border-box;display:flex;justify-content:space-between;max-width:1000px;padding:0;margin:100px 3%;text-align:left;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.page-base-downloadform{box-sizing:border-box;display:flex;justify-content:space-between;max-width:1000px;padding:0;margin:100px 3%;text-align:left;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.page-base-downloadform{box-sizing:border-box;display:flex;justify-content:space-between;max-width:1000px;padding:0;margin:100px 3%;text-align:left;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-pack:justify}.page-base-downloadform{box-sizing:border-box;display:flex;justify-content:space-between;max-width:1000px;padding:0;margin:100px 3%;text-align:left;-webkit-box-pack:justify;-webkit-box-sizing:border-box;-ms-flex-pack:justify}}@media screen and (max-width: 1030px){#gnav>ul>li:first-child{display:table-cell;padding:0 40px 0 0;margin:0 0 0}#gnav>ul>li:first-child img{width:90%}#gnav>ul>li{display:table-cell;padding:0 30px 0 0;margin:0 0 0}#gnav>ul>li img{width:90%}#gnav>ul>li:first-child{display:table-cell;padding:0 40px 0 0;margin:0 0 0}#gnav>ul>li:first-child img{width:90%}#gnav>ul>li{display:table-cell;padding:0 30px 0 0;margin:0 0 0}#gnav>ul>li img{width:90%}#gnav>ul>li:first-child{display:table-cell;padding:0 40px 0 0;margin:0 0 0}#gnav>ul>li:first-child img{width:90%}#gnav>ul>li{display:table-cell;padding:0 30px 0 0;margin:0 0 0}#gnav>ul>li img{width:90%}#gnav>ul>li:first-child{display:table-cell;padding:0 40px 0 0;margin:0 0 0}#gnav>ul>li:first-child img{width:90%}#gnav>ul>li{display:table-cell;padding:0 30px 0 0;margin:0 0 0}#gnav>ul>li img{width:90%}}@media screen and (max-width: 980px)and (max-width: 980px){.sp-appli-footer-menu{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:10px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.sp-appli-footer-menu li{width:43%;padding:0;margin:30px 0 0;font-size:14px;text-align:left}.sp-appli-footer-menu li a{color:#fff}.sp-appli-footer-menu{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:10px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.sp-appli-footer-menu li{width:43%;padding:0;margin:30px 0 0;font-size:14px;text-align:left}.sp-appli-footer-menu li a{color:#fff}.sp-appli-footer-menu{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:10px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.sp-appli-footer-menu li{width:43%;padding:0;margin:30px 0 0;font-size:14px;text-align:left}.sp-appli-footer-menu li a{color:#fff}.sp-appli-footer-menu{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:10px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap}.sp-appli-footer-menu li{width:43%;padding:0;margin:30px 0 0;font-size:14px;text-align:left}.sp-appli-footer-menu li a{color:#fff}}@media screen and (max-width: 1380px){.header-contact-button{display:inline-block;vertical-align:top;width:110px;height:80px;padding:16px 5px 0;background-color:#f05454;outline:none;color:#fff;font-size:16px;line-height:25px;text-align:center;text-decoration:none;position:absolute;right:0}.header-contact-button{display:inline-block;vertical-align:top;width:110px;height:80px;padding:16px 5px 0;background-color:#f05454;outline:none;color:#fff;font-size:16px;line-height:25px;text-align:center;text-decoration:none;position:absolute;right:0}.header-contact-button{display:inline-block;vertical-align:top;width:110px;height:80px;padding:16px 5px 0;background-color:#f05454;outline:none;color:#fff;font-size:16px;line-height:25px;text-align:center;text-decoration:none;position:absolute;right:0}.header-contact-button{display:inline-block;vertical-align:top;width:110px;height:80px;padding:16px 5px 0;background-color:#f05454;outline:none;color:#fff;font-size:16px;line-height:25px;text-align:center;text-decoration:none;position:absolute;right:0}}@media(max-width: 980px){.foot-company-name{font-size:14px;text-align:left}.privacy-mark-app{margin:auto;margin-top:20px;text-align:center}}@media screen and (max-width: 600px){.blogtitle{padding:0 !important;margin:20px 0;text-align:left}.appli-base .appli-contents img{max-width:100%}.container{padding:0}}s 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-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
  @font-face {
font-family: "Noto Sans JP";
font-style: normal;
font-weight: 400;
src: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/fonts/NotoSansJP-Regular.woff) format("woff");
font-display: swap;
} @font-face {
font-family: "Noto Sans JP";
font-style: normal;
font-weight: 700;
src: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/fonts/NotoSansJP-Bold.woff) format("woff");
font-display: swap;
}
html {
margin: 0;
padding: 0;
border: 0;
font-size: 62.5%;
vertical-align: baseline;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-decoration: none;
}
body {
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0;
padding: 0;
font-size: 1.6rem;
text-align: center;
background: #fff;
line-height: 2;
color: #1d1d1d;
font-display: swap;
}
.wrapper {
margin: 0;
padding: 0;
width: 100%;
overflow: hidden;
}
@media screen and (max-width: 980px) {
body {
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0;
padding: 0;
font-size: 1.6rem;
text-align: center;
background: #fff;
line-height: 2;
color: #000;
font-display: swap;
}
.wrapper {
margin: 0;
padding: 0;
width: 100%;
min-width: 100%;
overflow: hidden;
}
}
@media all and (-ms-high-contrast: none) {
body {
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0;
padding: 0;
font-size: 1.6rem;
text-align: center;
background: #fff;
line-height: 1.8;
color: #000;
font-display: swap;
}
}
* html body {
overflow: hidden;
}   #faq01, #faq02, #faq03 {
padding-top: 240px;
margin-top: -240px;
}
@media screen and (max-width: 980px) {
#faq01, #faq02, #faq03 {
padding-top: 102px;
margin-top: -102px;
}
}
#h2022, #h2021, #h2020, #h2019, #h2018, #h2011 {
padding-top: 100px;
margin-top: -100px;
}
.fixed {
overflow: auto;
height: 100%;
}  .is-pc {
display: block !important;
}
.is-sp {
display: none !important;
} @media screen and (max-width: 980px) {
.is-pc {
display: none !important;
}
.is-sp {
display: block !important;
}
} .is-header-pc {
display: block !important;
}
.is-header-sp {
display: none !important;
}
.drawer-navbar {
display: none;
} @media screen and (max-width: 980px) {
.is-header-pc {
display: none !important;
}
.is-header-sp {
display: block !important;
}
.drawer-navbar {
display: block !important;
}
}  .fadein {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(60px);
transform: translateY(60px);
-webkit-transition: all 1.5s;
transition: all 1.5s;
} .fadein.scrollin {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.fadein.scrollin:nth-of-type(1) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.fadein.scrollin:nth-of-type(2) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.fadein.scrollin:nth-of-type(3) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.fadein.scrollin:nth-of-type(4) {
-webkit-transition-delay: 0.4;
transition-delay: 0.4;
}
.fadein.scrollin:nth-of-type(5) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.fadein.scrollin:nth-of-type(6) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.fadein.scrollin:nth-of-type(7) {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.fadein.scrollin:nth-of-type(8) {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.fadein.scrollin:nth-of-type(9) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.fadein.scrollin:nth-of-type(10) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.fadein.scrollin:nth-of-type(11) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.fadein.scrollin:nth-of-type(12) {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s;
}
.fadein.scrollin:nth-of-type(13) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.fadein.scrollin:nth-of-type(14) {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
.fadein.scrollin:nth-of-type(15) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.fadein-pt02 {
opacity: 0;
-webkit-transition: all 2.5s;
transition: all 2.5s;
}
.fadein-pt02.active {
opacity: 1;
} .bread-area-appli span[property=name] {
display: inline-block;
padding: 0;
margin-top: -3px;
vertical-align: middle;
max-width: 1050px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media screen and (max-width: 1200px) {
.bread-area-appli span[property=name] {
display: inline-block;
padding: 0;
margin-top: -3px;
vertical-align: middle;
max-width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.bread-area {
margin: 0 auto;
padding: 20px 10px 0;
max-width: 1180px;
text-align: left;
font-size: 12px;
}
.bread-area a:hover {
text-decoration: underline;
}
@media screen and (max-width: 1200px) {
.bread-area {
margin: 0 auto;
padding: 20px 10px 0;
max-width: 1180px;
text-align: left;
font-size: 12px;
}
.bread-area a:hover {
text-decoration: underline;
}
}
.bread-area-02 {
margin: 120px auto 0;
padding: 20px 10px 0;
max-width: 1180px;
text-align: left;
font-size: 12px;
}
.bread-area-02 a:hover {
text-decoration: underline;
}
@media screen and (max-width: 1200px) {
.bread-area-02 {
margin: 80px auto 0;
padding: 0 10px;
max-width: 1180px;
text-align: left;
font-size: 12px;
}
.bread-area-02 a:hover {
text-decoration: underline;
}
}
@media screen and (max-width: 980px) {
.bread-area {
margin: 0;
padding: 30px 5% 0;
max-width: 90%;
text-align: left;
font-size: 14px;
}
}
.bread-area-notfound {
margin: 100px auto 0;
padding: 0;
max-width: 1200px;
text-align: left;
font-size: 12px;
}
.bread-area-appli {
margin: 140px auto 0;
padding: 0;
max-width: 1200px;
text-align: left;
font-size: 12px;
}
@media screen and (max-width: 1200px) {
.bread-area-notfound {
margin: 100px auto 0;
padding: 0;
max-width: 1200px;
text-align: left;
font-size: 12px;
}
}
@media screen and (max-width: 980px) {
.bread-area-notfound {
margin: 60px 0 0;
padding: 20px 5% 0;
max-width: 90%;
text-align: left;
font-size: 14px;
}
.bread-area-appli {
margin: 60px auto 0;
padding: 20px 5% 20px;
max-width: 90%;
text-align: left;
font-size: 14px;
}
}
div.scroll {
display: inline-block;
position: absolute;
left: 40px;
bottom: 0;
z-index: 2;
padding: 10px 10px 80px;
overflow: hidden;
color: #000;
font-size: 12px;
font-family: "Josefin Sans", sans-serif;
line-height: 1;
letter-spacing: 0.2em;
text-transform: uppercase;
text-decoration: none;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
}
div.scroll::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 1px;
height: 70px;
background: #000;
-webkit-animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
}
@-webkit-keyframes sdl {
0% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
30% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
70% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
100% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
}
@keyframes sdl {
0% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
30% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
70% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
100% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
}
@media screen and (max-width: 980px) {
div.scroll {
display: inline-block;
position: absolute;
left: 40px;
bottom: 0;
z-index: 2;
padding: 10px 10px 60px;
overflow: hidden;
color: #000;
font-size: 12px;
font-family: "Josefin Sans", sans-serif;
line-height: 1;
letter-spacing: 0.2em;
text-transform: uppercase;
text-decoration: none;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, 1px 0px 1px #fff, -1px 0px 1px #fff, 0px 1px 1px #fff, 0px -1px 1px #fff;
}
div.scroll::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 1px;
height: 50px;
background: #000;
-webkit-animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
}
@-webkit-keyframes sdl {
0% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
30% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
70% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
100% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
}
@keyframes sdl {
0% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
30% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
70% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
100% {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
}
}
.bg-gray-01 {
background: rgba(3, 110, 184, 0.13);
}
.bg-gray-02 {
background: #f4f4f4;
}
.page-base {
margin: 0;
padding: 100px 0;
}
.page-base-02 {
margin: 0;
padding: 0;
background: #F2F7FA;
}
.page-base-download {
margin: 0;
padding: 100px 0 20px;
background: #fff;
}
.page-base-faq {
margin: 0;
padding: 100px 0;
background: #f1f1f1;
}
.page-case-area {
margin: 0;
padding: 100px 0 20px;
}
@media screen and (max-width: 980px) {
.page-base {
margin: 0 auto;
padding: 60px 0;
width: 90%;
}
.page-base-02 {
margin: 0 auto;
padding: 0;
background: #F2F7FA;
width: 100%;
}
.page-base-download {
margin: 0;
padding: 60px 0 20px;
background: #fff;
}
.page-case-area {
margin: 0;
padding: 60px 0 0;
}
}
.section-comp {
margin: 0;
padding: 0;
}
.section-comp-02 {
margin: 100px 0 0;
padding: 0;
}
.section-comp-03 {
margin: 100px 0 0;
padding: 0px;
}
.section-comp-04 {
margin: 0;
padding: 100px 0 150px;
}
.section-comp-05 {
margin: 100px 0 0;
padding: 60px 0 100px;
background: #fff;
}
.section-comp-06 {
margin: 0;
padding: 0 0 100px;
background: #fff;
}
@media screen and (max-width: 980px) {
.section-comp-02 {
margin: 60px 0 0;
padding: 0;
}
.section-comp-03 {
margin: 60px 0 0;
padding: 0;
}
.section-comp-04 {
margin: 0;
padding: 60px 0 0;
}
.section-comp-05 {
margin: 0;
padding: 60px 0;
background: #fff;
}
.section-comp-06 {
margin: 0;
padding: 0 0 60px;
background: #fff;
}
}
.contents-01 {
margin: 0 auto;
padding: 60px 0 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-contents-point.jpg) no-repeat;
background-position: center top;
}
.contents-02 {
margin: 0 auto;
padding: 60px 0 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-contents-example.jpg) no-repeat;
background-position: center top;
}
.contents-03 {
margin: 0 auto;
padding: 60px 0 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-contents-case.jpg) no-repeat;
background-position: center top;
}
.contents-04 {
margin: 0 auto;
padding: 60px 0 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-contents-plan.jpg) no-repeat;
background-position: center top;
}
.contents-base-01 {
margin: 60px auto 0;
padding: 100px 100px 30px;
max-width: 1200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
.contents-base-02 {
margin: 60px auto 0;
padding: 50px 100px 90px;
max-width: 1200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
@media screen and (max-width: 1200px) {
.contents-base-01 {
margin: 60px auto 0;
padding: 70px 100px 0px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
}
@media screen and (max-width: 980px) {
.contents-base-01 {
margin: 60px auto 0;
padding: 30px 30px 0px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
.contents-base-02 {
margin: 60px auto 0;
padding: 30px 30px 60px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
top: 220px;
right: 0;
left: 0;
}
}
ul.point-area {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
}
ul.point-area li {
margin: 0 0 70px;
padding: 0;
width: 45%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
ul.point-area li .point-icon {
margin: 0 8% 0 0;
padding: 0;
width: 22%;
vertical-align: top;
}
ul.point-area li .point-icon img {
width: 100%;
height: auto;
}
ul.point-area li .point-text {
margin: 0;
padding: 0;
width: 67%;
vertical-align: top;
line-height: 1.8;
}
ul.point-area li .point-icon-02 {
margin: 0 8% 0 0;
padding: 0;
width: 18%;
vertical-align: top;
}
ul.point-area li .point-icon-02 img {
width: 100%;
height: auto;
}
ul.point-area li .point-text-02 {
margin: 0;
padding: 0;
width: 70%;
vertical-align: top;
line-height: 1.8;
}
@media screen and (max-width: 980px) {
ul.point-area {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
}
ul.point-area li {
margin: 0 0 40px;
padding: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
ul.point-area li .point-icon {
margin: 30px auto 0;
padding: 0;
width: 50%;
vertical-align: top;
}
ul.point-area li .point-icon img {
width: 100%;
height: auto;
}
ul.point-area li .point-text {
margin: 0;
padding: 0;
width: 100%;
vertical-align: top;
line-height: 1.8;
}
ul.point-area li .point-icon-02 {
margin: 30px auto 0;
padding: 0;
width: 40%;
vertical-align: top;
}
ul.point-area li .point-icon-02 img {
width: 100%;
height: auto;
}
ul.point-area li .point-text-02 {
margin: 0;
padding: 0;
width: 100%;
vertical-align: top;
line-height: 1.8;
}
}
.top-about-base {
margin: 80px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-around;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
max-width: 1200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-about-bar02.svg) no-repeat;
background-position: right top;
}
.top-about-base li.about-n01 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 27%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base li.about-n01:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-about-n01.svg);
position: absolute;
right: 20px;
bottom: 0;
}
.top-about-base li.about-n02 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 27%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base li.about-n02:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-about-n02.svg);
position: absolute;
right: 20px;
bottom: 0;
}
.top-about-base li.about-n03 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 30%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base li.about-n03:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-about-n03.svg);
position: absolute;
right: 70px;
bottom: 0;
}
.top-about-base .top-about-text {
margin: 0;
padding: 0;
width: 290px;
position: absolute;
font-size: 20px;
top: 100px;
left: 60px;
z-index: 2;
}
.top-about-base .top-about-text-02 {
margin: 0;
padding: 0;
position: absolute;
font-size: 20px;
top: 80px;
left: 60px;
z-index: 2;
}
.top-about-base-02 {
margin: 10px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-around;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
max-width: 1200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-about-bar02.svg) no-repeat;
background-position: right top;
}
.top-about-base-02 li.about-n04 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 27%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base-02 li.about-n04:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-about-n04.svg);
position: absolute;
right: 20px;
bottom: 0;
}
.top-about-base-02 li.about-n05 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 27%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base-02 li.about-n05:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-about-n05.svg);
position: absolute;
right: 20px;
bottom: 0;
}
.top-about-base-02 li.about-n06 {
margin: 0 0 10px;
padding: 0 0 0 5%;
width: 30%;
height: 220px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-about-bar02.svg) no-repeat;
position: relative;
}
.top-about-base-02 li.about-n06:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-about-n06.svg);
position: absolute;
right: 70px;
bottom: 0;
}
.top-about-base-02 .top-about-text {
margin: 0;
padding: 0;
position: absolute;
font-size: 20px;
top: 100px;
left: 60px;
z-index: 2;
}
.top-about-base-02 .top-about-text-02 {
margin: 0;
padding: 0;
width: 310px;
position: absolute;
font-size: 20px;
top: 80px;
left: 60px;
z-index: 2;
}
@media screen and (max-width: 980px) {
.sp-top-about-01 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-about-n01.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-02 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-about-n02.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-03 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-about-n03.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-04 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-about-n04.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-05 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-about-n05.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-06 {
margin: 50px auto 0;
padding: 0 0 50px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-about-n06.svg) no-repeat;
background-position: right top;
width: 90%;
text-align: left;
position: relative;
}
.sp-top-about-01:after,
.sp-top-about-02:after,
.sp-top-about-03:after,
.sp-top-about-04:after,
.sp-top-about-05:after {
content: "";
position: absolute;
bottom: 0;
left: 20%;
width: 60%;
height: 1px;
background-color: #000;
border-radius: 0px;
}
}
.page-button-area {
margin: 100px 0 0;
padding: 0;
}
.page-button-area-02 {
margin: 200px 0 0;
padding: 0;
}
@media screen and (max-width: 980px) {
.page-button-area,
.page-button-area-02 {
margin: 60px auto 0;
padding: 0;
width: 90%;
}
}
.top-example-lead {
margin: 20px 0 0;
padding: 0;
text-align: center;
font-size: 24px;
font-weight: bold;
}
@media screen and (max-width: 980px) {
.top-example-lead {
margin: 20px 0 0;
padding: 0;
text-align: left;
font-size: 20px;
font-weight: bold;
line-height: 1.5;
}
}
ul.top-example-contents {
margin: -20px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
max-width: 700px;
}
ul.top-example-contents li {
margin: 60px 0 30px;
width: 25%;
vertical-align: middle;
position: relative;
padding: 0 2%;
}
ul.top-example-contents li img {
width: 100%;
height: auto;
}
ul.top-example-contents li .text01 {
font-size: 22px;
font-weight: bold;
letter-spacing: -1px;
position: absolute;
bottom: -40px;
right: 0;
left: 0;
}
ul.top-example-contents li .text02 {
font-size: 22px;
font-weight: bold;
letter-spacing: -1px;
position: absolute;
bottom: -60px;
right: 0;
left: 0;
line-height: 1.3;
}
ul.top-example-contents li.icon04 {
margin: 0 0 0 30px;
width: 10%;
vertical-align: middle;
position: relative;
}
ul.top-example-contents li.icon04 img {
width: 100%;
height: auto;
}
@media screen and (max-width: 980px) {
ul.top-example-contents {
margin: 0px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
max-width: 700px;
}
ul.top-example-contents li {
margin: 40px 0 30px;
width: 48%;
vertical-align: middle;
position: relative;
padding: 0;
}
ul.top-example-contents li img {
width: 100%;
height: auto;
}
ul.top-example-contents li .text01 {
font-size: 20px;
font-weight: bold;
letter-spacing: -1px;
position: absolute;
bottom: -30px;
right: 0;
left: 0;
line-height: 1.3;
}
ul.top-example-contents li .text02 {
font-size: 20px;
font-weight: bold;
letter-spacing: -1px;
position: absolute;
bottom: -50px;
right: 0;
left: 0;
line-height: 1.3;
}
ul.top-example-contents li.icon04 {
margin: 0 0 0 30px;
width: 10%;
vertical-align: middle;
position: relative;
}
ul.top-example-contents li.icon04 img {
width: 100%;
height: auto;
}
}
.nayami-base01 {
margin: 50px auto 0;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1000px;
}
.nayami-base01 li {
margin: 0;
padding: 0;
width: 28%;
position: relative;
}
.nayami-base01 li .bubble-base {
margin: 0;
padding: 30px;
text-align: left;
background: #fff;
border-radius: 16px;
min-height: 180px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.nayami-base01 li .img-nayami {
margin: 0;
padding: 0;
position: absolute;
right: 0;
bottom: -100px;
}
.nayami-base02 {
margin: 150px auto 0;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 640px;
}
.nayami-base02 li {
margin: 0;
padding: 0;
width: 44%;
position: relative;
}
.nayami-base02 li .bubble-base {
margin: 0;
padding: 30px;
text-align: left;
background: #fff;
border-radius: 16px;
min-height: 180px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.nayami-base02 li .img-nayami {
margin: 0;
padding: 0;
position: absolute;
right: 0;
bottom: -100px;
}
.contents-case-base {
margin: 60px auto 0;
padding: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
max-width: 1200px;
}
.contents-case-base li.case-image {
margin: 0;
padding: 0;
width: 25%;
}
.contents-case-base li.case-image img {
width: 100%;
height: auto;
}
.contents-case-base li.case-text-area {
margin: 0;
padding: 0;
width: 70%;
text-align: left;
}
.contents-case-base li.case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 28px;
font-weight: bold;
color: #036EB8;
line-height: 1;
}
.contents-case-base li.case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 90px;
font-size: 14px;
line-height: 1;
}
.contents-case-base li.case-text-area .case-icon-02 {
margin: 10px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 166px;
font-size: 14px;
line-height: 1;
}
.contents-case-base li.case-text-area .case-text {
margin: 35px 20px 0 0;
padding: 0;
display: inline-block;
width: 120px;
font-size: 18px;
}
.contents-case-base li.case-text-area .case-text-02 {
margin: 35px 20px 0 0;
padding: 0;
display: inline-block;
width: 240px;
font-size: 18px;
}
.contents-case-base li.case-text-area .case-text-03 {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
@media screen and (max-width: 980px) {
.contents-case-base {
margin: 60px auto 0;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
max-width: 90%;
}
.contents-case-base li.case-image {
margin: 35px 0 0;
padding: 0;
width: 100%;
}
.contents-case-base li.case-image img {
width: 100%;
height: auto;
}
.contents-case-base li.case-text-area {
margin: 0;
padding: 0;
width: 100%;
text-align: left;
}
.contents-case-base li.case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 24px;
font-weight: bold;
color: #036EB8;
line-height: 1.4;
}
.contents-case-base li.case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: block;
width: 90px;
font-size: 14px;
line-height: 1;
}
.contents-case-base li.case-text-area .case-icon-02 {
margin: 5px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: block;
width: 165px;
font-size: 14px;
line-height: 1;
}
.contents-case-base li.case-text-area .case-text {
margin: 5px 20px 0 0;
padding: 0;
display: block;
width: 120px;
font-size: 18px;
}
.contents-case-base li.case-text-area .case-text-02 {
margin: 5px 20px 0 0;
padding: 0;
display: block;
width: 230px;
font-size: 18px;
}
.contents-case-base li.case-text-area .case-text-03 {
margin: 10px 20px 0 0;
padding: 0;
display: block;
width: 220px;
font-size: 18px;
}
}
.contents-case-base-02 {
margin: 80px auto 0;
padding: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
max-width: 1200px;
}
.contents-case-base-02 li.case-image {
margin: 0;
padding: 0;
width: 25%;
}
.contents-case-base-02 li.case-image img {
width: 100%;
height: auto;
}
.contents-case-base-02 li.case-text-area {
margin: 0;
padding: 0;
width: 70%;
text-align: left;
}
.contents-case-base-02 li.case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 28px;
font-weight: bold;
color: #036EB8;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 90px;
font-size: 14px;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-icon-02 {
margin: 10px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 165px;
font-size: 14px;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-text {
margin: 35px 20px 0 0;
padding: 0;
display: inline-block;
width: 150px;
font-size: 18px;
}
.contents-case-base-02 li.case-text-area .case-text-02 {
margin: 35px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
.contents-case-base-02 li.case-text-area .case-text-03 {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
@media screen and (max-width: 980px) {
.contents-case-base-02 {
margin: 60px auto 0;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
width: 90%;
}
.contents-case-base-02 li.case-image {
margin: 35px 0 0;
padding: 0;
width: 100%;
}
.contents-case-base-02 li.case-image img {
width: 100%;
height: auto;
}
.contents-case-base-02 li.case-text-area {
margin: 0;
padding: 0;
width: 100%;
text-align: left;
}
.contents-case-base-02 li.case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 24px;
font-weight: bold;
color: #036EB8;
line-height: 1.4;
}
.contents-case-base-02 li.case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 90px;
font-size: 14px;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-icon-02 {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 165px;
font-size: 14px;
line-height: 1;
}
.contents-case-base-02 li.case-text-area .case-text {
margin: 5px 20px 0 0;
padding: 0;
display: inline-block;
width: 150px;
font-size: 18px;
}
.contents-case-base-02 li.case-text-area .case-text-02 {
margin: 5px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
.contents-case-base-02 li.case-text-area .case-text-03 {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 220px;
font-size: 18px;
}
}
ul.plan-contents {
margin: 60px auto 0;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1000px;
}
ul.plan-contents li {
margin: 0;
padding: 0;
width: 280px;
height: 280px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
ul.plan-contents li .circle {
display: inline-block;
width: 280px;
height: 280px;
border-radius: 50%;
background: #fff;
text-align: center;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 70px 0 0;
}
@media screen and (max-width: 980px) {
ul.plan-contents {
margin: 60px auto 0;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 90%;
}
ul.plan-contents li {
margin: 0 auto;
padding: 0;
width: 280px;
min-height: 480px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
ul.plan-contents li .circle {
display: inline-block;
width: 280px;
height: 280px;
border-radius: 50%;
background: #fff;
text-align: center;
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 70px 0 0;
}
} .top-faq-base {
margin: 60px auto 0;
padding: 0;
max-width: 900px;
text-align: left;
}
@media screen and (max-width: 980px) {
.top-faq-base {
margin: 60px auto 0;
padding: 0;
width: 90%;
text-align: left;
}
}
.accordion-container .accordion-title {
position: relative;
margin: 0 auto;
padding: 30px 5% 30px 8%;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-question.svg) no-repeat;
background-position: 15px 30px;
font-size: 18px;
font-weight: normal;
color: #000;
cursor: pointer;
width: 100%;
border-top: 1px solid #ccc;
text-align: left;
}
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open {
background-color: none;
}
.accordion-container .accordion-title::before {
content: "";
position: absolute;
top: 50%;
right: 25px;
width: 15px;
height: 2px; -webkit-transform: rotate(90deg);
transform: rotate(90deg);
background: #ccc;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.accordion-container .accordion-title::after {
content: "";
position: absolute;
top: 50%;
right: 25px; width: 15px;
height: 2px;
background: #ccc;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.accordion-container .accordion-title.open::before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion-container .accordion-title.open::after {
opacity: 0;
}
.accordion-content {
display: none;
margin: 0 auto;
padding: 30px 5% 30px 8%;
background: #F4F4F4;
width: 100%;
position: relative;
text-align: left;
}
.accordion-content:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
content: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-answer.svg);
display: block;
padding: 0;
position: absolute;
left: 15px;
top: 28px;
}
@media screen and (max-width: 980px) {
.accordion-container .accordion-title {
position: relative;
margin: 0 auto;
padding: 30px 5% 30px 18%;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-question.svg) no-repeat;
background-position: 5px 30px;
font-size: 18px;
font-weight: normal;
color: #000;
cursor: pointer;
width: 100%;
border-top: 1px solid #ccc;
text-align: left;
}
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open {
background-color: none;
}
.accordion-container .accordion-title::before {
content: "";
position: absolute;
top: 50%;
right: 25px;
width: 15px;
height: 0px; -webkit-transform: rotate(90deg);
transform: rotate(90deg);
background: #ccc;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.accordion-container .accordion-title::after {
content: "";
position: absolute;
top: 50%;
right: 25px; width: 15px;
height: 0px;
background: #ccc;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.accordion-container .accordion-title.open::before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion-container .accordion-title.open::after {
opacity: 0;
}
.accordion-content {
display: none;
padding: 30px 5% 30px 18%;
background: #F4F4F4;
width: 100%;
position: relative;
text-align: left;
}
.accordion-content:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
content: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-answer.svg);
display: block;
padding: 0;
position: absolute;
left: 5px;
top: 28px;
}
}
.accordion-box {
border-bottom: 1px solid #ccc;
}  .movie-area {
margin: 60px 0 0;
padding: 0;
}
@media screen and (max-width: 980px) {
.movie-area {
margin: 60px auto 0;
padding: 0;
width: 90%;
}
}
.movie-youtube {
width: 700px;
margin: 0 auto;
}
.movie-youtube a {
border: 0px solid #fff;
display: block;
position: relative;
}
.movie-youtube a:hover {
opacity: 0.6;
}
.movie-youtube a::before {
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-youtube-red.png) center center/64px 45px no-repeat;
content: "";
display: block;
width: 100%; height: 60px; margin: -32px auto 0;
position: absolute;
top: 50%;
left: 0;
right: 0;
z-index: 1;
opacity: 0.8;
}
.movie-youtube a img {
margin: 0 auto;
text-align: center;
width: 100%;
height: auto;
border: 1px solid #ccc;
border-radius: 20px;
}
@media screen and (max-width: 980px) {
.movie-youtube {
width: 100%;
margin: 20px auto 0;
}
}
.sp-lead-base {
margin: 30px auto 0;
padding: 0;
background: #fff;
width: 90%;
}
.sp-lead-01 {
margin: 0;
padding: 0 0 0 30px;
font-size: 20px;
line-height: 1.3;
position: relative;
text-align: left;
}
.sp-lead-02 {
margin: 20px 0 0;
padding: 0 0 0 30px;
font-size: 20px;
line-height: 1.3;
position: relative;
text-align: left;
}
.sp-lead-01:before,
.sp-lead-02:before {
content: "";
position: absolute;
top: 5px;
left: 0px;
width: 8px;
height: calc(100% - 10px);
background-color: #00ADE1;
border-radius: 4px;
}
.sp-nayami-01 {
margin: 60px auto 0;
padding: 20px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-01:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-nayami-01.svg);
position: absolute;
bottom: -12px;
right: 15px;
}
.sp-nayami-02 {
margin: 60px auto 0;
padding: 20px 20px 20px 170px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-02:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-nayami-02.svg);
position: absolute;
bottom: -12px;
left: 15px;
}
.sp-nayami-03 {
margin: 60px auto 0;
padding: 20px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-03:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-nayami-03.svg);
position: absolute;
bottom: -12px;
right: 15px;
}
.sp-nayami-04 {
margin: 60px auto 0;
padding: 20px 20px 20px 170px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-04:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-nayami-04.svg);
position: absolute;
bottom: -12px;
left: 15px;
}
.sp-nayami-05 {
margin: 60px auto 0;
padding: 20px;
background: #fff;
border-radius: 16px;
text-align: left;
font-size: 18px;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 200px;
}
.sp-nayami-05:after {
content: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-nayami-05.svg);
position: absolute;
bottom: -12px;
right: 15px;
}
.page-main-case {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-page-main-case.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-download {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-page-main-download.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-faq {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-page-main-faq.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-contact {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-page-main-contact.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-sitemap {
margin: 80px 0 0;
padding: 0;
height: 325px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-page-main-sitemap.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
@media screen and (max-width: 980px) {
.page-main-case {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-sp-page-main-case.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-download {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-sp-page-main-download.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-faq {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-sp-page-main-faq.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-contact {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-sp-page-main-contact.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
.page-main-sitemap {
margin: 60px 0 0;
padding: 0;
height: 200px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-sp-page-main-sitemap.jpg) no-repeat;
background-position: center top;
background-size: cover;
position: relative;
z-index: 0;
}
}
.page-main-case::before,
.page-main-download::before,
.page-main-faq::before,
.page-main-contact::before,
.page-main-sitemap::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #036EB8;
opacity: 0.7;
display: block;
z-index: 0;
}
.pagetitle {
margin: 0;
padding: 0;
font-size: 40px;
color: #fff;
font-weight: bold;
position: absolute;
top: 35%;
left: 0;
right: 0;
}
@media screen and (max-width: 980px) {
.pagetitle {
margin: 0;
padding: 0;
font-size: 30px;
color: #fff;
font-weight: bold;
position: absolute;
top: 35%;
left: 0;
right: 0;
}
} .page-case-base {
margin: 0 auto 60px;
padding: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
max-width: 1200px;
}
.page-case-base-02 {
margin: 80px auto 0;
padding: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
max-width: 1200px;
}
@media screen and (max-width: 1200px) {
.page-case-base {
margin: 0 20px 60px;
padding: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
max-width: 1200px;
}
.page-case-base-02 {
margin: 80px 20px 0;
padding: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
max-width: 1200px;
}
}
@media screen and (max-width: 980px) {
.page-case-base {
margin: 0 auto 50px;
padding: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
width: 94%;
}
.page-case-base-02 {
margin: 60px auto 0;
padding: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 30px;
border: 1px solid #036EB8;
width: 94%;
}
}
.page-case-box {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page-case-box .case-image {
margin: 0;
padding: 0;
width: 22%;
}
.page-case-box .case-image img {
width: 100%;
height: auto;
}
.page-case-box .case-text-area {
margin: 0;
padding: 0;
width: 73%;
text-align: left;
}
.page-case-box .case-text-area .case-heading {
margin: 0;
padding: 0;
font-size: 28px;
font-weight: bold;
color: #036EB8;
line-height: 1;
}
.page-case-box .case-text-area .case-lead {
margin: 25px 0 0;
padding: 0;
font-size: 22px;
font-weight: bold;
line-height: 1.3;
}
.page-case-box .case-text-area .case-icon {
margin: 18px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.page-case-box .case-text-area .case-icon-02 {
margin: 18px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 165px;
font-size: 14px;
line-height: 1;
}
.page-case-box .case-text-area .case-text {
margin: 18px 20px 0 0;
padding: 0;
display: inline-block;
width: 550px;
font-size: 18px;
}
.page-case-box .case-text-area .case-text-02 {
margin: 18px 20px 0 0;
padding: 0;
display: inline-block;
width: 400px;
font-size: 18px;
}
@media screen and (max-width: 980px) {
.page-case-box {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-case-box .case-image {
margin: 0;
padding: 0;
width: 100%;
}
.page-case-box .case-image img {
width: 100%;
height: auto;
}
.page-case-box .case-text-area {
margin: 0;
padding: 0;
width: 100%;
text-align: left;
}
.page-case-box .case-text-area .case-heading {
margin: 25px 0 0;
padding: 0;
font-size: 24px;
font-weight: bold;
color: #036EB8;
line-height: 1.4;
}
.page-case-box .case-text-area .case-lead {
margin: 25px 0 0;
padding: 0;
font-size: 20px;
font-weight: bold;
line-height: 1.5;
}
.page-case-box .case-text-area .case-icon {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 70px;
font-size: 14px;
line-height: 1;
}
.page-case-box .case-text-area .case-icon-02 {
margin: 35px 20px 0 0;
padding: 6px 10px;
border-radius: 6px;
background: #E0E0E0;
text-align: center;
display: inline-block;
width: 165px;
font-size: 14px;
line-height: 1;
}
.page-case-box .case-text-area .case-text {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 550px;
font-size: 18px;
}
.page-case-box .case-text-area .case-text-02 {
margin: 10px 20px 0 0;
padding: 0;
display: inline-block;
width: 400px;
font-size: 18px;
}
}
.case-flow-area {
margin: 40px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.case-flow-area .flow-box {
margin: 0;
padding: 0;
width: 45%;
}
.case-flow-area .flow-arrow {
margin: 0;
padding: 0;
width: 10%;
text-align: center;
}
.case-flow-area .flow-bf-heading {
margin: 0;
padding: 5px;
background: #036EB8;
color: #fff;
font-size: 22px;
text-align: center;
border-radius: 16px 16px 0 0;
}
.case-flow-area .flow-bf-contents {
margin: 0;
padding: 20px;
background: #F2F7FA;
text-align: left;
border: 1px solid #036EB8;
border-radius: 0 0 16px 16px;
min-height: 160px;
}
.case-flow-area .flow-af-heading {
margin: 0;
padding: 5px;
background: #00ADE1;
color: #fff;
font-size: 22px;
text-align: center;
border-radius: 16px 16px 0 0;
}
.case-flow-area .flow-af-contents {
margin: 0;
padding: 20px;
background: #F2F7FA;
text-align: left;
border: 1px solid #00ADE1;
border-radius: 0 0 16px 16px;
min-height: 160px;
}
@media screen and (max-width: 980px) {
.case-flow-area {
margin: 40px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.case-flow-area .flow-box {
margin: 0;
padding: 0;
width: 100%;
}
.case-flow-area .flow-arrow {
margin: 0;
padding: 15px 0 10px;
width: 100%;
text-align: center;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.case-flow-area .flow-bf-heading {
margin: 0;
padding: 5px;
background: #036EB8;
color: #fff;
font-size: 22px;
text-align: center;
border-radius: 16px 16px 0 0;
}
.case-flow-area .flow-bf-contents {
margin: 0;
padding: 20px;
background: #F2F7FA;
text-align: left;
border: 1px solid #036EB8;
border-radius: 0 0 16px 16px;
}
.case-flow-area .flow-af-heading {
margin: 0;
padding: 5px;
background: #00ADE1;
color: #fff;
font-size: 22px;
text-align: center;
border-radius: 16px 16px 0 0;
}
.case-flow-area .flow-af-contents {
margin: 0;
padding: 20px;
background: #F2F7FA;
text-align: left;
border: 1px solid #00ADE1;
border-radius: 0 0 16px 16px;
}
}
.down-load-base {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
max-width: 1200px;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.down-load-base li {
margin: 0 0 80px;
padding: 0;
width: 30%;
text-align: left;
}
.down-load-base li .arc-download-title {
margin: 20px 0 0;
padding: 0;
font-size: 18px;
font-weight: bold;
}
.down-load-base li .arc-download-text {
margin: 20px 0 0;
padding: 0 0 10px;
font-size: 16px;
}
.down-load-base .download-img {
overflow: hidden;
cursor: pointer;
height: 220px;
}
.down-load-base .download-img img {
width: 100%;
height: auto;
}
.down-load-base .download-img img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.down-load-base .download-img:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
@media screen and (max-width: 980px) {
.down-load-base {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
width: 90%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.down-load-base li {
margin: 0 0 70px;
padding: 0;
width: 100%;
}
.down-load-base .sp-download-img {
width: 100%;
}
.down-load-base .sp-download-img img {
width: 100%;
height: auto;
}
}
.page-base-downloadform {
margin: 100px auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
max-width: 1000px;
}
.page-base-downloadform .downloadform-img {
margin: 0;
padding: 0;
width: 38%;
}
.page-base-downloadform .downloadform-img img {
width: 100%;
height: auto;
}
.page-base-downloadform .downloadform-base {
margin: 0;
padding: 30px 50px;
width: 52%;
border-radius: 20px;
background: #F4F4F4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-base-downloadform .downloadform-base .downloadform-heading {
margin: 0;
padding: 0 0 5px;
border-bottom: 1px solid #000;
text-align: center;
font-size: 26px;
font-weight: bold;
}
.page-base-downloadform .downloadform-base-01 {
margin: 0;
padding: 0;
width: 52%;
}
.page-base-downloadform .downloadform-base-01 .downloadform-heading {
margin: 0;
padding: 0;
text-align: center;
font-size: 20px;
font-weight: bold;
}
.page-base-downloadform .downloadform-base-01 .downloadform-box {
margin: 0;
padding: 10px 50px 30px;
border-radius: 20px;
background: #f4f4f4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-base-downloadform .downloadform-base-01 .downloadform-box .downloadform-heading-01 {
margin: 0;
padding: 0 0 5px;
border-bottom: 1px solid #000;
text-align: center;
font-size: 18px;
font-weight: bold;
}
@media screen and (max-width: 1000px) {
.page-base-downloadform {
margin: 100px 3%;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
max-width: 1000px;
}
}
@media screen and (max-width: 980px) {
.page-base-downloadform {
margin: 60px auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
width: 90%;
}
.page-base-downloadform .downloadform-img {
margin: 0;
padding: 0;
width: 100%;
}
.page-base-downloadform .downloadform-img img {
width: 100%;
height: auto;
}
.page-base-downloadform .downloadform-base-01 {
margin: 40px 0 0;
padding: 0;
width: 100%;
}
.page-base-downloadform .downloadform-base-01 .downloadform-heading {
margin: 0;
padding: 0;
text-align: center;
font-size: 20px;
font-weight: bold;
}
.page-base-downloadform .downloadform-base-01 .downloadform-box {
margin: 5px 0 0;
padding: 30px 30px 50px;
width: 100%;
border-radius: 20px;
background: #F4F4F4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.thanks-text {
margin: 30px 0 0;
padding: 0;
text-align: center;
}
@media screen and (max-width: 980px) {
.thanks-text {
margin: 30px 0 0;
padding: 0;
text-align: left;
}
}
.thanks-img {
margin: 0 auto;
padding: 0;
text-align: center;
}
@media screen and (max-width: 980px) {
.thanks-img {
margin: 0 auto;
padding: 0;
text-align: center;
}
.thanks-img img {
width: 100%;
height: auto;
}
}
.thanks-button-area {
margin: 80px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 1200px;
}
@media screen and (max-width: 980px) {
.thanks-button-area {
margin: 30px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 1200px;
}
}
#faq-index-base {
margin: 0;
padding: 0;
z-index: 999;
}
#faq-index-base.m_fixed {
left: 0;
position: fixed;
top: 80px;
border-bottom: 1px solid #ccc;
background: #F2F7FA;
width: 100%;
padding: 20px 0;
}
.faq-index-area {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 1200px;
}
.faq-index-area li {
margin: 0;
padding: 0;
width: 30%;
}
.faq-base {
margin: 100px auto 0;
padding: 60px 80px 80px;
border: 1px solid #036EB8;
max-width: 1200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
}
.faq-base .faq-heading {
margin: 0 0 50px;
padding: 0 0 5px;
text-align: center;
font-size: 26px;
font-weight: bold;
}
@media screen and (max-width: 980px) {
.faq-index-area {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.faq-index-area li {
margin: 0 0 25px;
padding: 0;
width: 100%;
}
.faq-base {
margin: 35px auto 0;
padding: 40px 20px 40px;
border: 1px solid #036EB8;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
}
.faq-base .faq-heading {
margin: 0 0 40px;
padding: 0 0 5px;
text-align: center;
font-size: 26px;
font-weight: bold;
}
}
.contact-base {
margin: 0 auto;
padding: 30px 70px 40px;
text-align: left;
max-width: 900px;
border-radius: 20px;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 980px) {
.contact-base {
margin: 0 auto;
padding: 20px 20px 30px;
text-align: left;
width: 100%;
border-radius: 20px;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.contact-form-area {
margin: 20px 0 0;
padding: 0;
}
.appli-contact-form-area {
margin: 50px 0 0;
padding: 40px 80px;
border: 0px solid #333;
border-radius: 20px;
background: #f4f4f4;
}
@media screen and (max-width: 980px) {
.appli-contact-form-area {
margin: 30px 0 0;
padding: 5px 20px 30px;
border: 0px solid #333;
border-radius: 20px;
background: #f4f4f4;
}
}
.page-sitemap-base {
margin: 0 auto;
padding: 100px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 800px;
text-align: left;
}
.page-sitemap-base li {
margin: 0;
padding: 0;
width: 50%;
}
.page-sitemap-base .sitemap-01 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-sitemap-01.svg) no-repeat;
background-position: 0 6px;
}
.page-sitemap-base .sitemap-02 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-sitemap-02.svg) no-repeat;
background-position: 0 6px;
}
.page-sitemap-base .sitemap-03 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-sitemap-03.svg) no-repeat;
background-position: 0 6px;
}
.page-sitemap-base .sitemap-04 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-sitemap-04.svg) no-repeat;
background-position: 0 10px;
}
.page-sitemap-base .sitemap-05 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-sitemap-05.svg) no-repeat;
background-position: 0 8px;
}
.page-sitemap-base .sitemap-06 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-sitemap-06.svg) no-repeat;
background-position: 0 6px;
position: relative;
}
.page-sitemap-base .sitemap-06::after {
position: absolute;
top: 10%;
left: 115px;
content: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-link.svg);
}
.page-sitemap-base .sitemap-07 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-sitemap-07.svg) no-repeat;
background-position: 0 8px;
position: relative;
}
.page-sitemap-base .sitemap-07::after {
position: absolute;
top: 10%;
left: 215px;
content: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-link.svg);
}
.page-sitemap-base .sitemap-08 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-sitemap-08.svg) no-repeat;
background-position: 0 8px;
}
.page-sitemap-base .sitemap-01 a,
.page-sitemap-base .sitemap-02 a,
.page-sitemap-base .sitemap-03 a,
.page-sitemap-base .sitemap-04 a,
.page-sitemap-base .sitemap-05 a,
.page-sitemap-base .sitemap-06 a,
.page-sitemap-base .sitemap-07 a,
.page-sitemap-base .sitemap-08 a {
position: relative;
display: inline-block;
text-decoration: none;
}
.page-sitemap-base .sitemap-01 a::after,
.page-sitemap-base .sitemap-02 a::after,
.page-sitemap-base .sitemap-03 a::after,
.page-sitemap-base .sitemap-04 a::after,
.page-sitemap-base .sitemap-05 a::after,
.page-sitemap-base .sitemap-06 a::after,
.page-sitemap-base .sitemap-07 a::after,
.page-sitemap-base .sitemap-08 a::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-sitemap-base .sitemap-01 a:hover::after,
.page-sitemap-base .sitemap-02 a:hover::after,
.page-sitemap-base .sitemap-03 a:hover::after,
.page-sitemap-base .sitemap-04 a:hover::after,
.page-sitemap-base .sitemap-05 a:hover::after,
.page-sitemap-base .sitemap-06 a:hover::after,
.page-sitemap-base .sitemap-07 a:hover::after,
.page-sitemap-base .sitemap-08 a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
@media screen and (max-width: 980px) {
.page-sitemap-base {
margin: 0 auto;
padding: 100px 0 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 75%;
text-align: left;
}
.page-sitemap-base li {
margin: 0;
padding: 0;
width: 100%;
}
}
.notfound-base {
margin: 100px 0 0;
padding: 0 0 100px;
background: #fff;
}
.notfound-img {
margin: 0 auto;
padding: 0;
text-align: center;
width: 350px;
}
.notfound-img img {
width: 100%;
height: auto;
}
@media screen and (max-width: 980px) {
.notfound-base {
margin: 0 auto;
padding: 100px 0 60px;
background: #fff;
width: 90%;
}
.notfound-img {
margin: 0 auto;
padding: 0;
text-align: center;
}
.notfound-img img {
width: 100%;
height: auto;
}
} .pickup-area {
margin: 122px 0 0;
padding: 40px 0;
width: 100%;
background: #F2F7FA;
-webkit-box-sizing: content-box;
box-sizing: content-box;
top: 180px;
}
.appli-base {
margin: 0 auto;
padding: 40px 0 150px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1200px;
}
.appli-base .appli-contents {
margin: 0;
padding: 0;
width: 69%;
text-align: left;
}
.appli-base .appli-contents img {
height: auto;
}
.appli-base .appli-side {
margin: 0;
padding: 0;
width: 27%;
text-align: left;
list-style: none;
}
.appli-base .appli-side img {
margin: 0 0 10px;
padding: 0;
width: 100%;
height: auto;
}
.appli-base .appli-side .side-banner {
margin: 0 0 15px;
padding: 0;
}
.appli-base .appli-side .side-banner img {
width: 100%;
height: auto;
}
.appli-base .appli-side .side-banner-02 {
margin: 20px 0 0;
padding: 0;
}
.appli-base .appli-side .side-banner-02 img {
width: 100%;
height: auto;
}
.appli-base-02 {
margin: 0 auto;
padding: 60px 10px 150px;
max-width: 1000px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.appli-base-02 .appli-contents-02 {
margin: 80px 0 0;
padding: 0;
text-align: left;
}
.appli-base-03 {
margin: 0 auto;
padding: 60px 10px 150px;
max-width: 1200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.appli-base-03 .appli-contents-03 {
margin: 20px 0 0;
padding: 0;
text-align: left;
}
@media screen and (max-width: 1200px) {
.appli-base {
margin: 0 auto;
padding: 60px 1% 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 98%;
}
.appli-base-02 {
margin: 0 auto;
padding: 60px 10px 100px;
max-width: 98%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.appli-base-02 .appli-contents-02 {
margin: 40px 0 0;
padding: 0;
text-align: left;
}
.appli-base-03 {
margin: 0 auto;
padding: 60px 10px 100px;
width: 98%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.appli-base-03 .appli-contents-03 {
margin: 40px 0 0;
padding: 0;
text-align: left;
}
}
@media screen and (max-width: 980px) {
.pickup-area {
margin: 60px 0 0;
padding: 20px 0;
width: 100%;
background: #F2F7FA;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.appli-base {
margin: 0 auto;
padding: 20px 0 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.appli-base .appli-contents {
margin: 0 auto;
padding: 0;
width: 90%;
text-align: left;
}
.appli-base .appli-side {
margin: 80px auto 0;
padding: 0;
width: 90%;
text-align: left;
}
.appli-base .appli-side .side-banner {
margin: 0 0 15px;
padding: 0;
}
.appli-base .appli-side .side-banner img {
width: 100%;
height: auto;
}
.appli-base .appli-side .side-banner-02 {
margin: 20px 0 0;
padding: 0;
}
.appli-base .appli-side .side-banner-02 img {
width: 100%;
height: auto;
}
}
.side-contents {
margin: 30px 0 0;
padding: 0;
}
.side-contents li {
margin: 0 0 15px;
padding: 0 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ddd;
}
.side-contents li .side-img {
width: 80px;
height: 80px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.side-contents li .side-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.side-contents li .side-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.side-contents li .side-text {
width: 68%;
font-size: 14px;
line-height: 1.7;
}
.side-contents li .side-text a:hover {
text-decoration: underline;
}
.side-contents li .side-date {
margin: -3px 0 13px;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-date.svg) no-repeat;
background-position: 0 4px;
font-size: 13px;
}
div.press {
padding: 2px 7px;
background: #FF5800;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
div.column {
padding: 2px 7px;
background: #E50012;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
div.event,
div.column-2,
div.report,
div.uncategorized,
div.feature,
div.contact {
padding: 2px 7px;
background: #036EB8;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
.press-top-contents {
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.press-top-contents li {
margin: 0 0 70px;
padding: 0;
width: 31%;
}
.press-top-contents li .press-img {
width: 100%;
height: 160px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.press-top-contents li .press-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.press-top-contents li .press-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.press-top-contents li .press-top-date {
margin: 15px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-date.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.press-top-contents li .press-top-title {
margin: 10px 0 0;
padding: 0;
background-position: 0 7px;
font-size: 16px;
font-weight: bold;
line-height: 1.7;
}
.press-top-contents li .press-top-title a:hover {
text-decoration: underline;
}
.pressrelease-top-contents {
margin: 0 auto;
padding: 40px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pressrelease-top-contents li {
margin: 0 0 70px;
padding: 0;
width: 31%;
}
.pressrelease-top-contents li .press-img {
width: 100%;
height: 160px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.pressrelease-top-contents li .press-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.pressrelease-top-contents li .press-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.pressrelease-top-contents li .press-img div.press {
padding: 2px 7px;
background: #FF5800;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
.pressrelease-top-contents li .press-img div.column {
padding: 2px 7px;
background: #E50012;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
.pressrelease-top-contents li .press-top-date {
margin: 15px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-date.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.pressrelease-top-contents li .press-top-title {
margin: 10px 0 0;
padding: 0;
background-position: 0 7px;
font-size: 16px;
font-weight: bold;
line-height: 1.7;
}
.pressrelease-top-contents li .press-top-title a:hover {
text-decoration: underline;
}
@media screen and (max-width: 980px) {
.press-top-contents {
margin: 0 auto;
padding: 0 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.press-top-contents li {
margin: 0 0 40px;
padding: 0;
width: 100%;
}
.press-top-contents li .press-img {
width: 100%;
height: 200px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.press-top-contents li .press-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.press-top-contents li .press-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.press-top-contents li .press-img .press-top-category-press {
padding: 2px 7px;
background: #FF5800;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
.press-top-contents li .press-img .press-top-category-column {
padding: 2px 7px;
background: #E50012;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
.press-top-contents li .press-top-date {
margin: 15px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-date.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.press-top-contents li .press-top-title {
margin: 10px 0 0;
padding: 0;
background-position: 0 7px;
font-size: 16px;
font-weight: bold;
line-height: 1.7;
}
.press-top-contents li .press-top-title a:hover {
text-decoration: underline;
}
.pressrelease-top-contents {
margin: 30px auto 0;
padding: 0 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.pressrelease-top-contents li {
margin: 0 0 40px;
padding: 0;
width: 100%;
}
.pressrelease-top-contents li .press-img {
width: 100%;
height: 200px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.pressrelease-top-contents li .press-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.pressrelease-top-contents li .press-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.pressrelease-top-contents li .press-img .press-top-category-press {
padding: 2px 7px;
background: #FF5800;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
.pressrelease-top-contents li .press-img .press-top-category-column {
padding: 2px 7px;
background: #E50012;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
width: 100px;
}
.pressrelease-top-contents li .press-top-date {
margin: 15px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-date.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.pressrelease-top-contents li .press-top-title {
margin: 10px 0 0;
padding: 0;
background-position: 0 7px;
font-size: 16px;
font-weight: bold;
line-height: 1.7;
}
.pressrelease-top-contents li .press-top-title a:hover {
text-decoration: underline;
}
}
.press-top-contents::after,
.pressrelease-top-contents::after {
display: block;
content: "";
width: 31%;
}
.page-navi {
margin: 0 0 50px;
padding: 0;
text-align: center;
}
.page-contents-title {
margin: 0;
padding: 0;
font-size: 34px;
font-weight: bold;
text-align: left;
line-height: 1.6;
}
@media screen and (max-width: 980px) {
.page-contents-title {
margin: 0;
padding: 0;
font-size: 22px;
font-weight: bold;
text-align: left;
line-height: 1.6;
}
}
.page-contents-date {
margin: 20px 0 0;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-date.svg) no-repeat;
background-position: 0 8px;
font-size: 14px;
}
.page-contents-eyecatch {
margin: 70px 0 0;
padding: 0;
}
@media screen and (max-width: 980px) {
.page-contents-eyecatch {
margin: 50px 0 0;
padding: 0;
}
}
.page-contents-textarea {
margin: 30px 0 0;
padding: 0;
text-align: left;
max-width: 100%; }
.page-contents-textarea h2.heading02 {
margin: 20px 0;
padding: 2px 0px 2px 20px;
font-size: 26px;
font-weight: bold;
line-height: 1.4;
position: relative;
}
.page-contents-textarea h2.heading02:before {
content: "";
position: absolute;
top: 5px;
left: 0px;
width: 8px;
height: calc(100% - 10px);
background-color: #036EB8;
border-radius: 4px;
}
.page-contents-textarea h3.heading03 {
margin: 20px 0;
font-weight: bold;
font-size: 20px;
line-height: 1.5;
}
@media screen and (max-width: 980px) {
.page-contents-textarea {
margin: 30px 0 0;
padding: 0;
text-align: left;
max-width: 100%;
}
.page-contents-textarea img {
width: 100%;
height: auto;
}
}
.page-category-area {
margin: 80px 0 0;
padding: 0;
text-align: left;
}
.page-category-area .cate-heading {
margin: 0;
padding: 0 0 0 25px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-category.svg) no-repeat;
background-position: 0 5px;
font-size: 14px;
font-weight: bold;
}
.page-category-area .cate-text {
margin: 0;
padding: 0;
font-size: 15px;
}
.page-category-area .cate-text a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.page-category-area .cate-text a::after {
position: absolute;
bottom: 3px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-category-area .cate-text a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.page-tag-area {
margin: 30px 0 0;
padding: 0;
text-align: left;
}
.page-tag-area .tag-heading {
margin: 0;
padding: 0 0 0 25px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-tag.svg) no-repeat;
background-position: 0 5px;
font-size: 14px;
font-weight: bold;
}
.page-tag-area .tag-button {
margin: 5px 10px 5px 0;
padding: 0 15px;
display: inline-block;
height: 28px;
text-align: center;
line-height: 25px;
border: 1px solid #ddd;
background-color: #F7F7F7;
font-size: 14px;
border-radius: 18px;
}
.page-tag-area .tag-button::before,
.page-tag-area .tag-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.page-tag-area .tag-button,
.page-tag-area .tag-button::before,
.page-tag-area .tag-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.page-tag-area .tag-button:hover {
border: 1px solid #036EB8;
background-color: #036EB8;
color: #fff;
}
.page-bottom-navi {
margin: 80px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page-bottom-navi .navi-left {
margin: 0;
padding: 0;
text-align: left;
width: 38%;
}
.page-bottom-navi .navi-left .navi-left-title {
margin: 0;
padding: 0 0 0 15px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-prev.svg) no-repeat;
background-position: 0 10px;
font-weight: bold;
}
.page-bottom-navi .navi-left .navi-left-title a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.page-bottom-navi .navi-left .navi-left-title a::after {
position: absolute;
bottom: 3px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-bottom-navi .navi-left .navi-left-title a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.page-bottom-navi .navi-left .navi-left-text {
margin: 0;
padding: 0;
font-size: 12px;
}
.page-bottom-navi .navi-left .navi-left-text a:hover {
text-decoration: underline;
}
.page-bottom-navi .navi-right {
margin: 0;
padding: 0;
text-align: right;
width: 38%;
}
.page-bottom-navi .navi-right .navi-right-title {
margin: 0;
padding: 0 15px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-next.svg) no-repeat;
background-position: right 10px;
font-weight: bold;
}
.page-bottom-navi .navi-right .navi-right-title a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.page-bottom-navi .navi-right .navi-right-title a::after {
position: absolute;
bottom: 3px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-bottom-navi .navi-right .navi-right-title a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.page-bottom-navi .navi-right .navi-right-text {
margin: 0;
padding: 0;
font-size: 12px;
text-align: left;
}
.page-bottom-navi .navi-right .navi-right-text a:hover {
text-decoration: underline;
}
@media screen and (max-width: 980px) {
.page-bottom-navi {
margin: 50px 0 0;
}
}
select {
padding: 10px 20px;
border-radius: 6px;
margin: 20px 0 0;
}
.appli-relate-base {
margin: 30px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.appli-relate-base li {
margin: 0 0 15px;
padding: 0 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ddd;
width: 47%;
}
.appli-relate-base li .relate-img {
width: 80px;
height: 80px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.appli-relate-base li .relate-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.appli-relate-base li .relate-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.appli-relate-base li .relate-text {
width: 68%;
font-size: 14px;
line-height: 1.7;
}
.appli-relate-base li .relate-text a:hover {
text-decoration: underline;
}
.appli-relate-base li .relate-date {
margin: -3px 0 13px;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-date.svg) no-repeat;
background-position: 0 4px;
font-size: 13px;
}
@media screen and (max-width: 980px) {
.appli-relate-base {
margin: 30px 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.appli-relate-base li {
margin: 0 0 15px;
padding: 0 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ddd;
width: 100%;
}
} .pagination {
clear: both;
padding: 0;
position: relative;
font-size: 14px;
line-height: 14px;
text-align: center;
}
.pagination-box {
display: inline-block;
}
.pagination span, .pagination a {
display: block;
float: left;
margin: 20px 8px 0;
padding: 10px 12px 10px 12px;
text-decoration: none;
width: auto;
color: #333;
border-radius: 3px; background: #F2F7FA;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc; }
.pagination a:hover {
color: #fff; background: #036EB8; }
.pagination .current {
padding: 10px 12px 10px 12px;
color: #fff; background: #036EB8; } .search-error {
margin: 100px 0 150px;
text-align: center;
}
.search-result-contents {
margin: 40px 0 0;
padding: 0;
}
.search-result-contents li {
margin: 0 0 20px;
padding: 0 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ccc;
}
.search-result-contents li .search-img {
width: 140px;
height: 100px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.search-result-contents li .search-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.search-result-contents li .search-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.search-result-contents li .search-title {
width: 80%;
font-size: 15px;
line-height: 1.6;
font-weight: bold;
}
.search-result-contents li .search-title a:hover {
text-decoration: underline;
}
.search-result-contents li .search-title .search-date {
margin: 5px 0 13px;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-date.svg) no-repeat;
background-position: 0 4px;
font-size: 13px;
font-weight: normal;
}
@media screen and (max-width: 980px) {
.search-result-contents {
margin: 30px 0 0;
padding: 0;
}
.search-result-contents li {
margin: 0 0 20px;
padding: 0 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
border-bottom: 1px solid #ccc;
}
.search-result-contents li .search-img {
width: 100px;
height: 80px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.search-result-contents li .search-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.search-result-contents li .search-img img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.search-result-contents li .search-title {
width: 63%;
font-size: 16px;
line-height: 1.7;
font-weight: bold;
}
.search-result-contents li .search-title a:hover {
text-decoration: underline;
}
.search-result-contents li .search-title .search-date {
margin: 5px 0 13px;
padding: 0 0 0 22px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-date.svg) no-repeat;
background-position: 0 4px;
font-size: 13px;
font-weight: normal;
}
.searchform {
position: relative;
}
.searchfield {
font-size: 18px;
width: 100%;
margin: 0px;
padding: 10px;
border: solid 1px #bbb;
border-radius: 4px;
background-color: #efefef;
}
.searchsubmit {
position: absolute;
top: -2px;
right: 10px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-search.svg) no-repeat right; background-size: 24px 24px;
width: 40px;
height: 45px;
border: none;
text-indent: -9999px;
}
}
.column-author-area {
margin: 50px 0 0;
padding: 30px 50px 40px;
background: #F2F2F2;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
.column-author-area .column-author-heading {
margin: 0;
padding: 0 0 10px;
border-bottom: 1px solid #036EB8;
font-size: 20px;
font-weight: bold;
}
.column-author-area .column-textarea {
margin: 30px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.column-author-area .column-image {
margin: 0;
padding: 0;
width: 120px;
}
.column-author-area .column-image img {
border-radius: 50%; width: 120px; height: 120px;
-o-object-fit: cover;
object-fit: cover;
}
.column-author-area .column-text {
margin: 0;
padding: 0;
width: 78%;
line-height: 1.7;
}
.column-author-area .column-text .column-author01 {
margin: 0 0 10px;
padding: 0;
font-size: 18px;
}
.column-author-area .column-text .column-link {
margin: 10px 0 0;
padding: 0 0 0 25px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-columnlink.svg) no-repeat;
background-position: 0 7px;
font-size: 15px;
}
@media screen and (max-width: 980px) {
.column-author-area {
margin: 50px 0 0;
padding: 20px 30px 30px;
background: #F2F2F2;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
.column-author-area .column-author-heading {
margin: 0;
padding: 0 0 10px;
border-bottom: 1px solid #036EB8;
font-size: 20px;
font-weight: bold;
}
.column-author-area .column-textarea {
margin: 30px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.column-author-area .column-image {
margin: 0 auto;
padding: 0;
width: 200px;
}
.column-author-area .column-image img {
border-radius: 50%; width: 200px; height: 200px;
-o-object-fit: cover;
object-fit: cover;
}
.column-author-area .column-text {
margin: 20px 0 0;
padding: 0;
width: 100%;
line-height: 1.7;
}
.column-author-area .column-text .column-author01 {
margin: 10px 0;
padding: 0;
font-size: 18px;
}
.column-author-area .column-text .column-link {
margin: 20px 0 0;
padding: 0 0 0 25px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-columnlink.svg) no-repeat;
background-position: 0 7px;
font-size: 15px;
}
}
.column-button-area {
margin: 10px 0 0;
padding: 0;
text-align: right;
}
@media screen and (max-width: 980px) {
.column-button-area {
margin: 30px 0 0;
padding: 0;
text-align: center;
}
}
.bosyu-list {
margin: 30px 0 0;
padding: 0;
font-size: 20px;
font-weight: bold;
}
.bosyu-list li {
margin: 20px 0;
padding: 0 0 0 35px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-check-blue.svg) no-repeat;
background-position: 0 10px;
}
.bottom-pagenation {
margin: 50px 0 0;
padding: 0;
}
.mailmagazine-thanks {
margin: 80px auto;
padding: 0;
max-width: 90%;
}
@media screen and (max-width: 980px) {
.mailmagazine-thanks {
margin: 50px auto;
padding: 0;
max-width: 90%;
}
} .page-contents-textarea {
word-break: break-all;         }
.page-contents-textarea hr {
margin-bottom: 16px;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid #e9e9e9;
}
.page-contents-textarea img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
.page-contents-textarea b,
.page-contents-textarea strong {
font-weight: bold;
}
.page-contents-textarea blockquote {
clear: both;
margin: 20px 0px 25px;
margin: 1.25rem 0rem 1.5625rem;
-webkit-box-shadow: 2px 2px 13px #eeeeee;
box-shadow: 2px 2px 13px #eeeeee;
border: 1px solid #e9e9e9;
border-left: 4px solid #46a28d;
padding: 20px 25px;
padding: 1.25rem 1.5625rem;
}
.page-contents-textarea blockquote p:last-child {
margin-bottom: 3px;
}
.page-contents-textarea blockquote cite {
font-style: normal;
margin-bottom: 16px;
margin-bottom: 1rem;
font-size: 13px;
}
.page-contents-textarea dfn,
.page-contents-textarea cite,
.page-contents-textarea em,
.page-contents-textarea i {
font-style: italic;
}
.page-contents-textarea figure {
margin: 0;
}
.page-contents-textarea address {
margin-bottom: 16px;
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
.page-contents-textarea tt,
.page-contents-textarea kbd,
.page-contents-textarea pre,
.page-contents-textarea code,
.page-contents-textarea samp,
.page-contents-textarea var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
background-color: #f8f9f9;
padding: 7px;
padding: 0.4375rem;
border-radius: 2px;
}
.page-contents-textarea pre {
overflow: auto;
white-space: pre-wrap;
max-width: 100%;
line-height: 1.7;
margin: 0px 0px 16px;
margin: 0rem 0rem 1rem;
padding: 16px;
padding: 1rem;
}
.page-contents-textarea details summary {
font-weight: bold;
margin-bottom: 16px;
margin-bottom: 1rem;
}
.page-contents-textarea details :focus {
outline: none;
}
.page-contents-textarea abbr,
.page-contents-textarea acronym,
.page-contents-textarea dfn {
cursor: help;
font-size: 15px;
font-size: 0.9375rem;
text-transform: uppercase;
border-bottom: 1px dotted #e9e9e9;
letter-spacing: 1px;
}
.page-contents-textarea mark {
background-color: #f8f9f9;
text-decoration: none;
}
.page-contents-textarea small {
font-size: 82%;
}
.page-contents-textarea big {
font-size: 125%;
}
.page-contents-textarea table {
width: 100%;
max-width: 100%;
margin-bottom: 16px;
margin-bottom: 1rem;
border: 1px solid #e9e9e9;
margin: 20px auto 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-contents-textarea table th,
.page-contents-textarea table td {
padding: 12px;
padding: 0.75rem;
line-height: 1.5;
vertical-align: top;
border: 1px solid #e9e9e9;
}
.page-contents-textarea table thead th,
.page-contents-textarea table thead td {
vertical-align: bottom;
border-bottom: 2px solid #e9e9e9;
}
.page-contents-textarea table tbody + tbody {
border-top: 2px solid #e9e9e9;
}
.page-contents-textarea .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.page-contents-textarea .alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.page-contents-textarea .aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.page-contents-textarea .clear:before,
.page-contents-textarea .clear:after,
.page-contents-textarea .entry-content:before,
.page-contents-textarea .entry-content:after,
.page-contents-textarea .comment-content:before,
.page-contents-textarea .comment-content:after,
.page-contents-textarea .site-header:before,
.page-contents-textarea .site-header:after,
.page-contents-textarea .site-content:before,
.page-contents-textarea .site-content:after,
.page-contents-textarea .site-footer:before,
.page-contents-textarea .site-footer:after {
content: "";
display: table;
}
.page-contents-textarea .clear:after,
.page-contents-textarea .entry-content:after,
.page-contents-textarea .comment-content:after,
.page-contents-textarea .site-header:after,
.page-contents-textarea .site-content:after,
.page-contents-textarea .site-footer:after {
clear: both;
}
.page-contents-textarea .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.page-contents-textarea .wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.page-contents-textarea .wp-caption .wp-caption-text, .page-contents-textarea .wp-caption-dd {
margin: 0.8075em 0;
font-style: italic;
}
.page-contents-textarea .wp-caption-text, .page-contents-textarea .wp-caption-dd {
text-align: center;
}
.page-contents-textarea .gallery {
margin-bottom: 1.5em;
}
.page-contents-textarea .gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.page-contents-textarea .gallery-columns-2 .gallery-item {
max-width: 50%;
}
.page-contents-textarea .gallery-columns-2 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.page-contents-textarea .gallery-columns-3 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-4 .gallery-item {
max-width: 25%;
}
.page-contents-textarea .gallery-columns-4 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-5 .gallery-item {
max-width: 20%;
}
.page-contents-textarea .gallery-columns-5 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.page-contents-textarea .gallery-columns-6 .gallery-item img {
width: 100%;
padding: 0.5px;
}
.page-contents-textarea .gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.page-contents-textarea .gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.page-contents-textarea .gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.page-contents-textarea .gallery-caption {
display: block;
}
.page-contents-textarea .page-content .wp-smiley,
.page-contents-textarea .entry-content .wp-smiley,
.page-contents-textarea .comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.page-contents-textarea embed,
.page-contents-textarea iframe,
.page-contents-textarea object {
max-width: 100%;
}
.pagination {
margin: 20px auto 0;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} .pagination .page-numbers {
margin-right: 10px;
padding: 10px 12px;
color: #333;
border-radius: 3px;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
background: #f2f7fa;
}
.pagination .current {
padding: 10px 12px;
background: #036EB8;
color: #fff;
}
.pagination .prev,
.pagination .next {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #036EB8;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;
background: #f2f7fa;
padding: 10px 12px;
color: #333;
border-radius: 3px;
}
.pagination .dots {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.partner-base {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.partner-base li {
margin: 60px 0 0;
padding: 0;
width: 47%;
text-align: left;
}
@media screen and (max-width: 980px) {
.partner-base {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.partner-base li {
margin: 40px 0 0;
padding: 0;
width: 100%;
text-align: left;
}
}
.partner-heading {
margin: 0 0 0;
padding: 0 0 10px;
border-bottom: 3px solid #002F7C;
font-size: 26px;
font-weight: bold;
}
.partner-box {
margin: 25px 0 0;
padding: 0 0 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.partner-box .partner-image {
margin: 0;
padding: 0;
width: 25%;
}
.partner-box .partner-image img {
width: 100%;
height: auto;
}
.partner-box .partner-text {
margin: -10px 0 0;
padding: 0;
width: 70%;
}
@media screen and (max-width: 980px) {
.partner-box {
margin: 25px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.partner-box .partner-image {
margin: 0;
padding: 0;
width: 25%;
}
.partner-box .partner-image img {
width: 100%;
height: auto;
}
.partner-box .partner-text {
margin: -10px 0 0;
padding: 0;
width: 70%;
}
}
.page-applisitemap-base {
margin: 0 auto;
padding: 80px 0 0 10%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 800px;
text-align: left;
}
.page-applisitemap-base li {
margin: 0;
padding: 0;
width: 50%;
}
.page-applisitemap-base .applisitemap-01 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-applisitemap-01.svg) no-repeat;
background-position: 3px 12px;
}
.page-applisitemap-base .applisitemap-02 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-applisitemap-02.svg) no-repeat;
background-position: 0 8px;
}
.page-applisitemap-base .applisitemap-03 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-applisitemap-03.svg) no-repeat;
background-position: 0 12px;
}
.page-applisitemap-base .applisitemap-04 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-applisitemap-04.svg) no-repeat;
background-position: 3px 10px;
}
.page-applisitemap-base .applisitemap-05 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-applisitemap-05.svg) no-repeat;
background-position: 0 10px;
}
.page-applisitemap-base .applisitemap-06 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-applisitemap-06.svg) no-repeat;
background-position: 0 10px;
position: relative;
}
.page-applisitemap-base .applisitemap-07 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-applisitemap-07.svg) no-repeat;
background-position: 0 12px;
position: relative;
}
.page-applisitemap-base .applisitemap-08 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-applisitemap-08.svg) no-repeat;
background-position: 3px 7px;
position: relative;
}
.page-applisitemap-base .applisitemap-08::after {
position: absolute;
top: 10%;
left: 115px;
content: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-link.svg);
}
.page-applisitemap-base .applisitemap-09 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-applisitemap-09.svg) no-repeat;
background-position: 2px 8px;
position: relative;
}
.page-applisitemap-base .applisitemap-09::after {
position: absolute;
top: 10%;
left: 215px;
content: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-link.svg);
}
.page-applisitemap-base .applisitemap-10 {
margin: 0 0 40px;
padding: 5px 0 5px 40px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-applisitemap-10.svg) no-repeat;
background-position: 2px 8px;
position: relative;
}
.page-applisitemap-base .applisitemap-01 a,
.page-applisitemap-base .applisitemap-02 a,
.page-applisitemap-base .applisitemap-03 a,
.page-applisitemap-base .applisitemap-04 a,
.page-applisitemap-base .applisitemap-05 a,
.page-applisitemap-base .applisitemap-06 a,
.page-applisitemap-base .applisitemap-07 a,
.page-applisitemap-base .applisitemap-08 a,
.page-applisitemap-base .applisitemap-09 a,
.page-applisitemap-base .applisitemap-10 a {
position: relative;
display: inline-block;
text-decoration: none;
}
.page-applisitemap-base .applisitemap-01 a::after,
.page-applisitemap-base .applisitemap-02 a::after,
.page-applisitemap-base .applisitemap-03 a::after,
.page-applisitemap-base .applisitemap-04 a::after,
.page-applisitemap-base .applisitemap-05 a::after,
.page-applisitemap-base .applisitemap-06 a::after,
.page-applisitemap-base .applisitemap-07 a::after,
.page-applisitemap-base .applisitemap-08 a::after,
.page-applisitemap-base .applisitemap-09 a::after,
.page-applisitemap-base .applisitemap-10 a::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #002F7C;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-applisitemap-base .applisitemap-01 a:hover::after,
.page-applisitemap-base .applisitemap-02 a:hover::after,
.page-applisitemap-base .applisitemap-03 a:hover::after,
.page-applisitemap-base .applisitemap-04 a:hover::after,
.page-applisitemap-base .applisitemap-05 a:hover::after,
.page-applisitemap-base .applisitemap-06 a:hover::after,
.page-applisitemap-base .applisitemap-07 a:hover::after,
.page-applisitemap-base .applisitemap-08 a:hover::after,
.page-applisitemap-base .applisitemap-09 a:hover::after,
.page-applisitemap-base .applisitemap-10 a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
@media screen and (max-width: 980px) {
.page-applisitemap-base {
margin: 0 auto;
padding: 60px 0 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 75%;
text-align: left;
}
.page-applisitemap-base li {
margin: 0;
padding: 0;
width: 100%;
}
} .u-mt-xxsmall {
margin: 5px 0 0;
}
.u-mt-xsmall {
margin: 10px 0 0;
}
.u-mt-small {
margin: 20px 0 0;
}
.u-mt {
margin: 30px 0 0;
}
.u-mt-large {
margin: 40px 0 0;
}
.u-mt-xlarge {
margin: 50px 0 0;
}
.u-mt-xxlarge {
margin: 60px 0 0;
}
.u-mt-xxxlarge {
margin: 100px 0 0;
}
.u-mr-xxsmall {
margin: 0 5px 0 0;
}
.u-mr-xsmall {
margin: 0 10px 0 0;
}
.u-mr-small {
margin: 0 20px 0 0;
}
.u-mr {
margin: 0 30px 0 0;
}
.u-mr-large {
margin: 0 40px 0 0;
}
.u-mr-xlarge {
margin: 0 50px 0 0;
}
.u-mr-xxlarge {
margin: 0 60px 0 0;
}
.u-mb-xxsmall {
margin: 0 0 5px 0;
}
.u-mb-xsmall {
margin: 0 0 10px 0;
}
.u-mb-small {
margin: 0 0 20px 0;
}
.u-mb {
margin: 0 0 30px 0;
}
.u-mb-large {
margin: 0 0 40px 0;
}
.u-mb-xlarge {
margin: 0 0 50px 0;
}
.u-mb-xxlarge {
margin: 0 0 60px 0;
}
.u-ml-xxsmall {
margin: 0 0 0 5px;
}
.u-ml-xsmall {
margin: 0 0 0 10px;
}
.u-ml-small {
margin: 0 0 0 20px;
}
.u-ml {
margin: 0 0 0 30px;
}
.u-ml-large {
margin: 0 0 0 40px;
}
.u-ml-xlarge {
margin: 0 0 0 50px;
}
.u-ml-xxlarge {
margin: 0 0 0 60px;
} .align_c {
text-align: center;
}
.align_r {
text-align: right;
}
.align_l {
text-align: left;
}
.flo_l {
float: left;
}
.flo_r {
float: right;
}
.cboth {
clear: both;
}
span.suptext {
font-size: 75.5%;
vertical-align: top;
position: relative;
top: -0.1em;
}
span.subtext {
font-size: 75.5%;
vertical-align: bottom;
position: relative;
top: 0.1em;
} a {
color: #000;
}
a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none !important;
cursor: pointer;
}
.link a {
color: #036EB8;
}
.link a:hover {
text-decoration: underline;
color: #036EB8;
}
a.link {
color: #036EB8;
}
a:hover.link {
text-decoration: underline;
color: #036EB8;
} .header {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 80px;
padding: 0;
background: none;
z-index: 9999;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.header .inbox {
margin: 0 auto;
padding: 0 2%;
width: 100%;
text-align: left;
top: 0;
position: relative;
background: none;
height: 80px;
}
.header .inbox .h-logoarea {
margin: 20px 0 0;
padding: 0;
text-align: left;
display: inline-block;
width: 275px;
vertical-align: top;
}
.header .inbox .h-logoarea img {
width: 100%;
}
.header .inbox .h-logoarea img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none;
}
.header .inbox .h-rightbox {
margin: 0 80px 0 0;
padding: 0;
max-width: 710px;
float: right;
} .header-appli {
margin: 0;
padding: 0;
width: 100%;
height: 80px;
padding: 0;
background: #fff;
z-index: 9999;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
position: fixed;
}
.header-appli .inbox {
margin: 0 auto;
padding: 0 1%;
width: 98%;
text-align: left;
top: 0;
background: none;
height: 80px;
max-width:1200px;
}
.header-appli .inbox .h-logoarea {
margin: 18px 0 0;
padding: 0;
text-align: left;
display: inline-block;
width: 350px;
vertical-align: top;
}
.header-appli .inbox .h-logoarea img {
width: 100%;
}
.header-appli .inbox .h-logoarea img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none;
}
.header-appli .inbox .h-rightbox {
margin: 27px 0 0 30px;
padding: 0;
max-width: 340px;
display: inline-block;
font-size: 13px;
}
#gnav > ul {
display: table;
padding-left: 0;
right: 0;
margin: 5px 0 0;
}
#gnav > ul {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#gnav > ul > li:first-child {
display: table-cell;
padding: 0 60px 0 0;
margin: 0;
}
#gnav > ul > li {
display: table-cell;
padding: 0 50px 0 0;
margin: 0;
}
#gnav > ul > li img {
width: 90%;
height: auto;
}
#gnav > ul > li:hover {
color: #000;
cursor: pointer;
}
#gnav > ul > li:hover > a {
color: #000;
opacity: 1;
}
#gnav > ul > li:hover .menu {
max-height: 9999px;
opacity: 1;
}
#gnav > ul > li > a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 5px 0px 0 0;
position: relative;
display: inline-block;
text-decoration: none;
}
#gnav > ul > li > a::after {
position: absolute;
bottom: 4px;
left: 0;
content: "";
width: 90%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
#gnav > ul > li > a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
@media screen and (max-width: 1030px) {
#gnav > ul > li:first-child {
display: table-cell;
margin: 0px 0 0;
padding: 0px 40px 0 0;
}
#gnav > ul > li:first-child img {
width: 90%;
}
#gnav > ul > li {
display: table-cell;
margin: 0px 0 0;
padding: 0px 30px 0 0;
}
#gnav > ul > li img {
width: 90%;
}
} #headbar { position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 999;
}
#header-scroll {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 80px;
background: rgba(255, 255, 255, 0.8);
color: #000;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
border-bottom: 1px solid #ccc; }
#header-scroll .inbox {
margin: 0 auto;
padding: 0 2%;
width: 100%;
text-align: left;
top: 0;
position: relative;
background: none;
height: 80px;
}
#header-scroll .inbox .h-logoarea {
margin: 22px 0 0;
padding: 0;
text-align: left;
display: inline-block;
width: 275px;
vertical-align: top;
}
#header-scroll .inbox .h-logoarea img {
width: 100%;
}
#header-scroll .inbox .h-logoarea img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none;
}
#header-scroll .inbox .h-rightbox {
margin: 0 80px 0 0;
padding: 0;
max-width: 710px;
float: right;
}
#header-scroll #gnav-scroll > ul {
display: table;
padding-left: 0;
right: 0;
margin: 5px 0 0;
}
#header-scroll #gnav-scroll > ul {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#header-scroll #gnav-scroll > ul > li:first-child {
display: table-cell;
padding: 0 60px 0 0;
margin: 0;
}
#header-scroll #gnav-scroll > ul > li {
display: table-cell;
padding: 0 50px 0 0;
margin: 0;
}
#header-scroll #gnav-scroll > ul > li img {
width: 90%;
}
#header-scroll #gnav-scroll > ul > li:hover {
color: #000;
cursor: pointer;
}
#header-scroll #gnav-scroll > ul > li:hover > a {
color: #000;
opacity: 1;
}
#header-scroll #gnav-scroll > ul > li:hover .menu {
max-height: 9999px;
opacity: 1;
}
#header-scroll #gnav-scroll > ul > li > a {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 3px 0px 0 0;
position: relative;
display: inline-block;
text-decoration: none;
}
#header-scroll #gnav-scroll > ul > li > a img {
width: 90%;
height: auto;
}
#header-scroll #gnav-scroll > ul > li > a::after {
position: absolute;
bottom: 4px;
left: 0;
content: "";
width: 90%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
#header-scroll #gnav-scroll > ul > li > a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
#header-scroll .header-appli-scroll {
top: 0;
left: 0;
width: 100%;
height: 80px;
padding: 0;
background: none;
z-index: 9999;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
#header-scroll .header-appli-scroll .inbox {
margin: 0 auto;
padding: 0 1%;
width: 98%;
text-align: left;
top: 0;
background: none;
height: 80px;
}
#header-scroll .header-appli-scroll .inbox .h-logoarea {
margin: 18px 0 0;
padding: 0;
text-align: left;
display: inline-block;
width: 350px;
vertical-align: top;
}
#header-scroll .header-appli-scroll .inbox .h-logoarea img {
width: 100%;
}
#header-scroll .header-appli-scroll .inbox .h-logoarea img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background: none;
}
#header-scroll .header-appli-scroll .inbox .h-rightbox-scroll {
margin: 27px 0 0 30px;
padding: 0;
max-width: 340px;
display: inline-block;
font-size: 13px;
}
.appli-navi {
margin: 0;
padding: 4px 1% 4px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
width: 100%;
position: fixed;
top: 80px;
background: #fff;
z-index: 9999;
}
.appli-navi .applinavi-in {
margin: 0 auto;
padding: 0;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-weight: bold;
align-items: center;
font-size: 14px;
}
.appli-navi .applinavi-in li {
margin: 0;
padding: 0;
}
.appli-navi .applinavi-in li > a.navi-link {
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.appli-navi .applinavi-in li > a.navi-link::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #002F7C;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.appli-navi .applinavi-in li > a.navi-link:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.appli-navi .applinavi-in li > a.appservice {
padding: 0 0 0 23px;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-arrow-blk.svg) no-repeat;
background-position: 0 2px;
}
.appli-navi .applinavi-in li > a.appservice::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #002F7C;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.appli-navi .applinavi-in li > a.appservice:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.appli-navi .applinavi-in li a.navi-search:hover {
opacity: 0.5;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.appli-navi .applinavi-in li.navi-last {
margin: 0;
padding: 3px 0 0;
position: relative;         }
.appli-navi .applinavi-in li.navi-last .open-btn {
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-search.svg) no-repeat 20px 3px; background-size: 20px 20px;
width: 50px;
height: 30px;
cursor: pointer; }
.appli-navi .applinavi-in li.navi-last .open-btn.btnactive {
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon_close.svg) no-repeat 20px 3px; background-size: 18px 18px;
}
.appli-navi .applinavi-in li.navi-last #search-wrap {
position: absolute; top: 0;
right: 0;
z-index: -1; opacity: 0; width: 0; -webkit-transition: all 0.4s;
transition: all 0.4s; border-radius: 8px;
}
.appli-navi .applinavi-in li.navi-last #search-wrap.panelactive {
opacity: 1; z-index: 3; width: 280px;
padding: 20px;
top: 38px;
right: 0px;
background: #eee;
-webkit-box-shadow: 3px 3px 3px rgba(0, 47, 124, 0.5);
box-shadow: 3px 3px 3px rgba(0, 47, 124, 0.5);
}
.appli-navi .applinavi-in li.navi-last #search-wrap #searchform {
display: none; }
.appli-navi .applinavi-in li.navi-last #search-wrap.panelactive #searchform {
display: block; }
.appli-navi .applinavi-in li.navi-last #search-wrap input {
-webkit-appearance: none; outline: none;
cursor: pointer; color: #666;
}
.appli-navi .applinavi-in li.navi-last #search-wrap input[type=text] {
width: 100%;
border: none;
border-bottom: 2px solid #ccc;
-webkit-transition: all 0.5s;
transition: all 0.5s;
letter-spacing: 0.05em;
height: 46px;
padding: 10px;
}
.appli-navi .applinavi-in li.navi-last #search-wrap input[type=text]:focus {
background: #fff; }
.appli-navi .applinavi-in li.navi-last #search-wrap input[type=submit] {
position: absolute;
top: 12px;
right: 30px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-search.svg) no-repeat right; background-size: 20px 20px;
width: 30px;
height: 60px;
border: none;
text-indent: -9999px;
}
@media screen and (max-width: 980px) {
.sp-logo {
margin: 0;
padding: 14px 0 0;
text-align: left;
width: 230px;
}
.sp-logo img {
width: 100%;
height: auto;
} .drawer-spmenu-01 {
margin: 0;
padding: 20px 0 20px;
font-size: 20px;
border-bottom: 1px solid #ccc;
}
.drawer-spmenu-01 a {
color: #000;
}
.sp-menu-link-01 {
margin: 25px 0 0;
padding: 0 40px 0 0;
font-size: 18px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-link.svg) no-repeat;
background-position: 85px 13px;
}
.sp-menu-link-01 a {
color: #000;
}
.sp-menu-link-02 {
margin: 25px 0 0;
padding: 0 40px 0 0;
font-size: 18px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-link.svg) no-repeat;
background-position: 193px 13px;
}
.sp-menu-link-02 a {
color: #000;
}
.sp-menu-link-03 {
margin: 25px 0 0;
padding: 0;
font-size: 18px;
}
.sp-menu-link-03 a {
color: #000;
}
}
.footer-pagebottom-contact {
margin: 0;
padding: 60px 0;
min-height: 250px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-bg-pagebtm-contact.jpg) no-repeat;
background-size: cover;
background-position: center 0;
position: relative;
z-index: 0;
}
.footer-pagebottom-contact::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #036EB8;
opacity: 0.7;
display: block;
z-index: 0;
}
@media screen and (max-width: 980px) {
.footer-pagebottom-contact {
margin: 0;
padding: 80px 0 30px;
min-height: 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-bg-pagebtm-contact.jpg) no-repeat;
background-size: cover;
background-position: center top;
position: relative;
z-index: 0;
}
.footer-pagebottom-contact::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #036EB8;
opacity: 0.8;
display: block;
z-index: 0;
}
}
.footter-pagebottom-heading {
margin: 60px auto 50px;
padding: 0;
font-size: 30px;
text-align: center;
}
@media screen and (max-width: 980px) {
.footter-pagebottom-heading {
margin: 60px auto 30px;
padding: 0;
font-size: 30px;
text-align: center;
}
}
.footer-base-area {
margin: 0;
padding: 50px 0 50px;
background: #F2F7FA;
width: 100%;
text-align: left;
}
.footerbox {
margin: 0 auto;
padding: 0;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footerbox .footer-logo-area {
margin: 0 0 0 10px;
padding: 0;
width: 250px;
text-align: left;
}
.footerbox .footer-logo-area img {
width: 100%;
height: auto;
}
.footerbox .footer-menubox {
margin: 2px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 700px;
font-size: 15px;
}
.footer-contact-base {
margin: 20px auto 0;
padding: 0 0 0 10px;
max-width: 1200px;
text-align: left;
}
.footer-contact-base .footer-contact-box {
margin: 0;
padding: 15px 20px;
border: 1px solid #000;
max-width: 300px;
}
@media screen and (max-width: 980px) {
.footerbox .footer-logo-area {
margin: 30px 0 0 20px;
padding: 0;
width: 28%;
position: absolute;
top: 50px;
left: 0;
}
}
.f-menu {
position: relative;
width: 100%;
height: 20px;
max-width: 1050px;
margin: 0 auto;
}
.f-menu > li {
float: left;
width: 16.666%; height: 40px;
line-height: 50px;
background: rgba(255, 255, 255, 0);
}
.f-menu > li a {
display: block;
color: #000;
}
.f-menu > li a:hover {
color: #333;
}
ul.menu__second-level {
visibility: hidden;
opacity: 0;
z-index: 1;
}
.f-menu > li:hover {
background: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.menu__second-level li {
border-top: 1px solid #fff;
color: #fff;
}
.menu__second-level li a {
color: #000;
font-size: 85%;
padding: 10px 3px;
}
.menu__second-level li a:hover {
background: #eee;
} .f-menu:before,
.f-menu:after {
content: " ";
display: table;
}
.f-menu:after {
clear: both;
}
.f-menu {
*zoom: 1;
}
.f-menu > li.menu__single {
position: relative;
}
li.menu__single ul.menu__second-level {
position: absolute;
top: 20px;
width: 100%;
background: #036EB8;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
line-height: 1.2;
}
li.menu__single:hover ul.menu__second-level {
top: 40px;
visibility: visible;
opacity: 1;
}
.footer-copyright-box {
margin: 0 auto;
padding: 10px 0 10px 0;
text-align: left;
width: 100%;
background: #ddd;
}
.footer-copyright-box .inbox {
margin: 0 auto;
padding: 0;
font-size: 14px;
color: #000;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-copyright-box .footer-link-area {
margin: 0;
padding: 0;
width: 400px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: right;
}
.footer-copyright-box .footer-link {
margin: 0;
padding: 0 17px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-link.svg) no-repeat;
background-position: right 9px;
}
.footer-menulink a {
position: relative;
display: inline-block;
text-decoration: none;
}
.footer-menulink a::after {
position: absolute;
bottom: -2px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #036EB8;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.footer-menulink a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.footer-appli-menulink a {
position: relative;
display: inline-block;
text-decoration: none;
}
.footer-appli-menulink a::after {
position: absolute;
bottom: -2px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #002F7C;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.footer-appli-menulink a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
@media screen and (max-width: 980px) {
.spfooterbox {
margin: 0;
padding: 60px 5% 30px;
width: 90%;
background: #F2F7FA;
}
.sp-contact-area {
margin: 30px auto 0;
padding: 20px;
border: 1px solid #000;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
.footer-tel {
margin: 20px 0 0;
padding: 0;
}
.footer-tel img {
width: 100%;
height: auto;
}
.sp-footer-menu {
margin: 10px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sp-footer-menu li {
margin: 30px 0 0;
padding: 0;
width: 49%;
text-align: left;
}
.sp-foorer-bottom {
margin: 0;
padding: 0;
background: #ddd;
text-align: left;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox {
margin: 0 auto;
padding: 30px 0 15px;
width: 90%;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-01 {
margin: 0;
padding: 0 20px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-link.svg) no-repeat;
background-position: 80px 10px;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-02 {
margin: 20px 0 0;
padding: 0 20px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-link.svg) no-repeat;
background-position: 180px 10px;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-03 {
margin: 20px 0 0;
padding: 0;
}
.sp-copyright {
margin: 50px 0 0;
padding: 0;
line-height: 1.6;
text-align: center;
font-size: 14px;
}
}
@media screen and (max-width: 980px) {
.sp-appli-footerbox {
margin: 0;
padding: 30px 5% 30px;
width: 90%;
background: #002F7C;
color: #fff;
}
.sp-appli-logonote {
margin: 0;
padding: 0;
text-align: center;
font-size: 14px;
}
.sp-appli-footer-menu {
margin: 10px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sp-appli-footer-menu li {
margin: 30px 0 0;
padding: 0;
width: 43%;
text-align: left;
font-size: 14px;
}
}
@media screen and (max-width: 980px) and (max-width: 980px) {
.sp-appli-footer-menu {
margin: 10px auto 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sp-appli-footer-menu li {
margin: 30px 0 0;
padding: 0;
width: 43%;
text-align: left;
font-size: 14px;
}
.sp-appli-footer-menu li a {
color: #fff;
}
}
@media screen and (max-width: 980px) {
.sp-foorer-bottom {
margin: 0;
padding: 0;
background: #ddd;
text-align: left;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox {
margin: 0 auto;
padding: 30px 0 15px;
width: 90%;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-01 {
margin: 0;
padding: 0 20px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-link.svg) no-repeat;
background-position: 80px 10px;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-02 {
margin: 20px 0 0;
padding: 0 20px 0 0;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-link.svg) no-repeat;
background-position: 180px 10px;
}
.sp-foorer-bottom .sp-foorer-bottom-inbox .sp-footer-link-03 {
margin: 20px 0 0;
padding: 0;
}
}
@media screen and (max-width: 980px) {
.sp-copyright {
margin: 50px 0 0;
padding: 0;
line-height: 1.6;
text-align: center;
font-size: 14px;
}
} .footer-appli-base-area {
margin: 0;
padding: 50px 1% 30px;
background: #002F7C;
width: 98%;
text-align: left;
color: #fff;
}
.footer-appli-box {
margin: 0 auto;
padding: 0;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-appli-box .footer-logo-area {
margin: 0;
padding: 0;
width: 300px;
text-align: left;
font-size: 14px;
line-height: 1.6;
}
.footer-appli-box .footer-logo-area img {
width: 100%;
height: auto;
}
.footer-appli-box .footer-menubox {
margin: 2px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 375px;
font-size: 15px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-appli-box .footer-menubox li {
margin: 0 0 10px;
}
.footer-appli-box .footer-menubox li .footer-applimenu {
margin: 0 0 20px;
}
.footer-appli-box .footer-menubox li .footer-applimenu > a {
color: #fff;
padding: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin: 0;
position: relative;
display: inline-block;
text-decoration: none;
}
.footer-appli-box .footer-menubox li .footer-applimenu > a::after {
position: absolute;
bottom: 1px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #E50012;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.footer-appli-box .footer-menubox li .footer-applimenu > a:hover::after {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
} #page-top, #form-page-top {
position: fixed;
right: 12px;
z-index: 10;
}
#page-top a, #form-page-top a {
text-decoration: none;
display: block;
}
#page-top a:hover, #form-page-top a:hover {
text-decoration: none;
}
@media screen and (max-width: 980px) {
#sp-page-top, #spform-page-top {
position: fixed;
right: 15px;
z-index: 9;
margin: 0;
}
#sp-page-top a, #spform-page-top a {
text-decoration: none;
color: #fff;
width: 100%;
padding: 0;
text-align: center;
display: block;
}
#sp-page-top a:hover, #spform-page-top a:hover {
text-decoration: none;
}
#sp-page-top img, #spform-page-top img {
width: 100%;
}
}
.header-contact-button {
position: absolute;
right: 0;
display: inline-block;
width: 110px;
height: 80px;
text-align: center;
text-decoration: none;
line-height: 80px;
outline: none;
background-color: #F05454;
color: #fff;
vertical-align: top;
font-size: 16px;
padding: 13px 0 0;
}
.header-contact-button::before,
.header-contact-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.header-contact-button,
.header-contact-button::before,
.header-contact-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.header-contact-button:hover {
background-color: #ff9696;
}
@media screen and (max-width: 1380px) {
.header-contact-button {
position: absolute;
right: 0;
display: inline-block;
width: 110px;
height: 80px;
text-align: center;
text-decoration: none;
line-height: 25px;
outline: none;
background-color: #F05454;
color: #fff;
vertical-align: top;
font-size: 16px;
padding: 16px 5px 0;
}
}
.top-button {
position: relative;
display: inline-block;
padding: 15px 0;
background-color: #F05454;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 30px;
width: 640px;
border-radius: 50px;
}
.top-button::after {
position: absolute;
top: 12%;
right: 0.5em;
content: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-arrow-wh.svg);
margin-top: -5px;
border-left-color: #fff;
}
.top-button:hover {
background-color: #ff9696;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.top-button:hover::after {
-webkit-animation: arrow 0.4s;
animation: arrow 0.4s;
}
@-webkit-keyframes arrow {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@keyframes arrow {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@media screen and (max-width: 980px) {
.top-button {
position: relative;
display: inline-block;
padding: 15px 0;
background-color: #F05454;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 22px;
width: 100%;
border-radius: 50px;
}
.top-button::after {
position: absolute;
top: 15%;
right: 0.5em;
content: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-sp-arrow-wh.svg);
margin-top: -5px;
border-left-color: #fff;
}
}
.top-contact-button {
position: relative;
display: inline-block;
padding: 15px 0;
background: none;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 30px;
width: 450px;
border-radius: 50px;
border: 1px solid #fff;
}
.top-contact-button::after {
position: absolute;
top: 12%;
right: 0.5em;
content: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-arrow-wh.svg);
margin-top: -5px;
border-left-color: #fff;
}
.top-contact-button:hover {
background-color: rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.top-contact-button:hover::after {
-webkit-animation: arrow-contact 0.4s;
animation: arrow-contact 0.4s;
}
@-webkit-keyframes arrow-contact {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@keyframes arrow-contact {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@media screen and (max-width: 980px) {
.top-contact-button {
position: relative;
display: inline-block;
padding: 15px 0;
background: none;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 22px;
width: 100%;
border-radius: 50px;
border: 1px solid #fff;
margin: 0 0 50px;
}
.top-contact-button::after {
position: absolute;
top: 18%;
right: 0.5em;
content: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-sp-arrow-wh.svg);
margin-top: -5px;
border-left-color: #fff;
}
.top-contact-button:hover {
background-color: rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.top-contact-button:hover::after {
-webkit-animation: arrow-contact 0.4s;
animation: arrow-contact 0.4s;
}
@-webkit-keyframes arrow-contact {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
@keyframes arrow-contact {
50% {
right: 0.2em;
}
100% {
right: 0.5em;
}
}
}
.download-button {
display: inline-block;
width: 100%;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 54px;
outline: none;
background-color: #fff;
color: #036EB8;
border: 1px solid #036EB8;
border-radius: 8px;
margin: 20px 0 0;
}
.download-button::before,
.download-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.download-button,
.download-button::before,
.download-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.download-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
.page-back-button {
display: inline-block;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 52px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0 10px;
padding: 0 20px;
font-size: 18px;
}
.page-back-button::before,
.page-back-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.page-back-button,
.page-back-button::before,
.page-back-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.page-back-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.page-back-button {
display: inline-block;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 52px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 30px 10px 0;
padding: 0 20px;
font-size: 18px;
width: 100%;
}
.page-back-button::before,
.page-back-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.page-back-button,
.page-back-button::before,
.page-back-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.page-back-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
}
.faq-index-button {
display: inline-block;
height: 60px;
text-align: center;
text-decoration: none;
line-height: 58px;
outline: none;
background-color: #036EB8;
color: #fff;
border: 1px solid #036EB8;
border-radius: 8px;
margin: 0;
padding: 0 20px;
font-size: 22px;
width: 100%;
}
.faq-index-button::before,
.faq-index-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.faq-index-button,
.faq-index-button::before,
.faq-index-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.faq-index-button:hover {
color: #036EB8;
background-color: #fff;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.faq-index-button {
display: inline-block;
height: 60px;
text-align: center;
text-decoration: none;
line-height: 58px;
outline: none;
background-color: #036EB8;
color: #fff;
border: 1px solid #036EB8;
border-radius: 8px;
margin: 0;
padding: 0 20px;
font-size: 20px;
width: 100%;
}
}
.column-button {
display: inline-block;
height: 40px;
text-align: center;
text-decoration: none;
line-height: 38px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0 10px;
padding: 0 20px;
font-size: 16px;
}
.column-button::before,
.column-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.column-button,
.column-button::before,
.column-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.column-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.column-button {
display: inline-block;
height: 50px;
text-align: center;
text-decoration: none;
line-height: 48px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0;
padding: 0 20px;
font-size: 16px;
width: 100%;
}
.column-button::before,
.column-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.column-button,
.column-button::before,
.column-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.column-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
}
.partner-button {
display: inline-block;
height: 40px;
text-align: center;
text-decoration: none;
line-height: 38px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0 10px;
padding: 0 20px;
font-size: 16px;
position: absolute;
bottom: 0;
right: 0;
}
.partner-button::before,
.partner-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.partner-button,
.partner-button::before,
.partner-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.partner-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.partner-button {
display: block;
height: 40px;
text-align: center;
text-decoration: none;
line-height: 38px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 20px 0 0;
padding: 0 20px;
font-size: 16px;
position: relative;
}
}
.notfound-button {
display: inline-block;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 52px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 0 10px;
padding: 0 20px;
font-size: 16px;
}
.notfound-button::before,
.notfound-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.notfound-button,
.notfound-button::before,
.notfound-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.notfound-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
@media screen and (max-width: 980px) {
.notfound-button {
display: inline-block;
height: 54px;
text-align: center;
text-decoration: none;
line-height: 52px;
outline: none;
background-color: #F7F7F7;
color: #000;
border: 1px solid #ddd;
border-radius: 8px;
margin: 30px 10px 0;
padding: 0 10px;
font-size: 15px;
width: 100%;
}
.notfound-button::before,
.notfound-button::after {
position: absolute;
z-index: -1;
display: block;
content: "";
}
.notfound-button,
.notfound-button::before,
.notfound-button::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.notfound-button:hover {
color: #fff;
background-color: #036EB8;
border: 1px solid #036EB8;
}
}
.footer-entry-btn-area {
margin: 80px auto 0;
padding: 0;
max-width: 970px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-entry-btn-area li {
margin: 0;
padding: 0;
width: 400px;
}
@media screen and (max-width: 980px) {
.footer-entry-btn-area {
margin: 0 auto;
padding: 0;
width: 90%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-entry-btn-area li {
margin: 0;
padding: 0;
width: 100%;
}
} .formtb dl, .formtb dt, .formtb dd {
margin: 0;
padding: 0;
}
.formtb dl {
display: table;
border-style: none solid none solid;
width: 99%;
}
.formtb dl:last-child {
border-style: none solid solid solid;
}
.formtb dt {
display: table-cell;
vertical-align: top;
padding: 25px 0 10px;
}
.formtb dd {
display: table-cell;
padding: 20px 0;
text-align: left;
width: 75%;
vertical-align: middle;
}
@media screen and (max-width: 980px) {
.formtb {
margin: 0;
padding: 0;
}
.formtb dd {
margin: 0px 0 10px auto;
border-left: none;
padding: 0;
border-top: 0px;
width: 100%;
}
.formtb dl {
width: auto;
}
.formtb dt, .formtb dd, .formtb dl {
display: block;
}
}
.form-must {
width: 50px;
height: 24px;
margin-top: -12px;
margin-right: 10px;
font-size: 12px;
text-align: center;
line-height: 24px;
padding: 4px 7px;
border-radius: 6px;
background: #F05454;
color: #fff;
}
.downloadform-must {
margin: 30px 0 0;
padding: 0 0 0 55px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-must.svg) no-repeat;
background-position: 0 5px;
text-align: left;
}
.downloadform-must-01 {
margin: 15px 0 0;
padding: 0 0 0 55px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-must.svg) no-repeat;
background-position: 0 5px;
text-align: left;
}
.form-note {
margin: 2px 0 0;
padding: 0;
text-align: left;
font-size: 11px;
color: #555;
}
.input-01 {
width: 100%;
height: 50px;
border: 1px solid #e1e1e1;
background: #fff;
border-radius: 6px;
padding-left: 10px;
font-size: 15px;
}
.input-02 {
width: 35%;
height: 50px;
border: 1px solid #e1e1e1;
background: #fff;
border-radius: 6px;
padding-left: 10px;
font-size: 15px;
}
.form-date-txt {
font-size: 15px;
display: inline-block;
width: 20px;
margin: 0 15px 0 5px;
}
.inputmessage-01 {
width: 100%;
margin: 0;
height: 150px;
border: 1px solid #e1e1e1;
border-radius: 6px;
background: #fff;
padding: 10px;
font-size: 15px;
margin-left: 0;
}
.input-01a {
width: 100%;
height: 40px;
border: 1px solid #e1e1e1;
background: #fff;
border-radius: 6px;
padding-left: 10px;
font-size: 15px;
}
.input-02a {
width: 35%;
height: 50px;
border: 1px solid #e1e1e1;
background: #fff;
border-radius: 6px;
padding-left: 10px;
font-size: 15px;
}
.downloadform-button-area {
margin: 10px 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.submit-button {
display: inline-block;
margin: 20px 0 0;
padding: 10px 0px;
background: #036EB8;
color: #fff;
width: 200px;
border: none;
font-size: 16px;
border-radius: 12px;
}
.submit-button:hover {
margin: 20px 0 0;
padding: 10px 0;
background: #0284de;
color: #fff;
width: 200px;
border: none;
font-size: 16px;
border-radius: 12px;
cursor: pointer;
}
.back-button {
display: inline-block;
margin: 20px 15px 0;
padding: 10px 0px;
background: #999;
color: #fff;
width: 100px;
border: none;
font-size: 16px;
border-radius: 12px;
}
.back-button:hover {
margin: 20px 15px 0;
padding: 10px 0;
background: #cccccc;
color: #fff;
width: 100px;
display: inline-block;
border: none;
font-size: 16px;
border-radius: 12px;
cursor: pointer;
}
.privacy-area {
margin: 5px 0 0;
padding: 0;
font-size: 14px;
text-align: center;
}
@media screen and (max-width: 980px) {
.privacy-area {
margin: 20px 0 0;
padding: 0;
font-size: 14px;
text-align: center;
}
}
@media screen and (max-width: 980px) {
.submit-button {
display: inline-block;
margin: 20px 0 0;
padding: 10px 0px;
background: #036EB8;
color: #fff;
width: 50%;
border: none;
font-size: 18px;
border-radius: 12px;
}
.submit-button:hover {
margin: 20px 0 0;
padding: 10px 0;
background: #0284de;
color: #fff;
width: 50%;
border: none;
font-size: 18px;
border-radius: 12px;
}
.back-button {
display: inline-block;
margin: 20px 3% 0 0;
padding: 10px;
background: #999;
color: #fff;
width: 25%;
border: none;
font-size: 18px;
border-radius: 12px;
}
.back-button:hover {
margin: 20px 3% 0 0;
padding: 10px;
background: #cccccc;
color: #fff;
width: 25%;
display: inline-block;
border: none;
font-size: 18px;
border-radius: 12px;
}
}
.mw_wp_form_confirm .formtb dd.input-text {
margin: 0;
padding: 10px 0 0;
}
.top-contents-title {
margin: 0;
padding: 0;
text-align: center;
font-size: 40px;
font-weight: bold;
color: #fff;
}
.top-contents-title-02 {
position: relative;
display: inline-block;
padding: 0 70px;
font-size: 40px;
font-weight: bold;
}
.top-contents-title-02:before,
.top-contents-title-02:after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}
.top-contents-title-02:before {
left: 0;
}
.top-contents-title-02:after {
right: 0;
}
@media screen and (max-width: 980px) {
.top-contents-title {
margin: 0;
padding: 0;
text-align: center;
font-size: 30px;
font-weight: bold;
color: #fff;
line-height: 1.5;
}
.top-contents-title-02 {
position: relative;
display: inline-block;
padding: 0;
font-size: 30px;
font-weight: bold;
line-height: 1.5;
}
.top-contents-title-02:before,
.top-contents-title-02:after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 0px;
background-color: black;
}
.top-contents-title-02:before {
left: 0;
}
.top-contents-title-02:after {
right: 0;
}
}
.top-about-heading {
margin: 0;
padding: 0;
font-size: 26px;
font-weight: bold;
color: #00ADE1;
line-height: 1.5;
position: absolute;
left: 80px;
top: 0;
}
.top-about-heading-02 {
margin: 0;
padding: 0;
font-size: 26px;
font-weight: bold;
width: 310px;
color: #00ADE1;
line-height: 1.5;
position: absolute;
left: 80px;
top: 15px;
}
@media screen and (max-width: 1200px) {
.top-about-heading,
.top-about-heading-02 {
width: 310px;
font-size: 22px;
}
} .appli-heading {
border-bottom: solid 3px #ddd;
position: relative;
font-size: 24px;
font-weight: bold;
}
.appli-heading:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #002F7C;
bottom: -3px;
width: 14%;
}
.appli-side-heading {
border-bottom: solid 3px #ddd;
position: relative;
font-size: 20px;
font-weight: bold;
margin: 30px 0 0;
}
.appli-side-heading:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #002F7C;
bottom: -3px;
width: 34%;
}
h2.page-heading {
margin: 20px 0;
padding: 3px 10px 3px 10px;
font-size: 26px;
font-weight: bold;
line-height: 1.4;
position: relative;
}
h2.page-heading:before {
content: "";
position: absolute;
top: 5px;
left: 0px;
width: 8px;
height: calc(100% - 10px);
background-color: #036EB8;
}
.appli-relate-heading,
.widgettitle {
margin: 30px 0 0;
padding: 0;
border-bottom: solid 3px #ddd;
position: relative;
font-size: 24px;
font-weight: bold;
}
.appli-relate-heading:after,
.widgettitle:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #002F7C;
bottom: -3px;
width: 14%;
}
@media screen and (max-width: 980px) {
.appli-relate-heading {
margin: 40px 0 0;
}
}
.appli-search-heading {
border-bottom: solid 3px #ddd;
position: relative;
font-size: 24px;
font-weight: bold;
}
.appli-search-heading :after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #002F7C;
bottom: -3px;
width: 14%;
}
@media screen and (max-width: 980px) {
.appli-search-heading {
border-bottom: solid 3px #ddd;
position: relative;
font-size: 24px;
font-weight: bold;
margin: 90px 0 0;
}
}
.bosyu-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 30px;
font-weight: bold;
color: #002F7C;
}
.bosyu-heading-base .bosyu-heading {
margin: 0;
padding: 10px 0 10px 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-bosyu.svg) no-repeat;
}
@media screen and (max-width: 980px) {
.bosyu-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 26px;
font-weight: bold;
color: #002F7C;
border-left: solid 15px #002F7C;
}
.bosyu-heading-base .bosyu-heading {
margin: 0;
padding: 10px 0 10px 20px;
background: none;
}
}
.partner-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 30px;
font-weight: bold;
color: #002F7C;
}
.partner-heading-base .partner-heading {
margin: 0;
padding: 10px 0 10px 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-partner.svg) no-repeat;
}
@media screen and (max-width: 980px) {
.partner-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 26px;
font-weight: bold;
color: #002F7C;
border-left: solid 15px #002F7C;
}
.partner-heading-base .partner-heading {
margin: 0;
padding: 10px 0 10px 20px;
background: none;
}
}
.mailmagazine-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 30px;
font-weight: bold;
color: #002F7C;
}
.mailmagazine-heading-base .mailmagazine-heading {
margin: 0;
padding: 10px 0 10px 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-mailmagazine.svg) no-repeat;
}
@media screen and (max-width: 980px) {
.mailmagazine-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 26px;
font-weight: bold;
color: #002F7C;
border-left: solid 15px #002F7C;
}
.mailmagazine-heading-base .mailmagazine-heading {
margin: 0;
padding: 10px 0 10px 20px;
background: none;
}
}
.applisitemap-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 30px;
font-weight: bold;
color: #002F7C;
}
.applisitemap-heading-base .applisitemap-heading {
margin: 0;
padding: 10px 0 10px 150px;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-applisitemap.svg) no-repeat;
}
@media screen and (max-width: 980px) {
.applisitemap-heading-base {
margin: 0;
padding: 0;
background: #EBEBEB;
text-align: left;
font-size: 26px;
font-weight: bold;
color: #002F7C;
border-left: solid 15px #002F7C;
}
.applisitemap-heading-base .applisitemap-heading {
margin: 0;
padding: 10px 0 10px 20px;
background: none;
}
} .slider {
margin: 0;
padding: 0;
width: 100%;
height: 92vh;
position: relative;
}
@media screen and (max-width: 980px) {
.slider {
margin: 0;
padding: 0;
width: 100%;
height: 75vh;
position: relative;
}
}
.main-catch-area {
margin: 280px auto 0;
padding: 0;
max-width: 1200px;
position: relative;
}
.main-catch-area-02 {
margin: 280px auto 0;
padding: 0;
max-width: 1200px;
position: relative;
}
@media screen and (max-width: 980px) {
.main-catch-area {
margin: 200px auto 0;
padding: 0;
max-width: 90%;
position: relative;
}
.main-catch-area img {
width: 100%;
height: auto;
}
.main-catch-area-02 {
margin: 150px auto 0;
padding: 0;
max-width: 90%;
position: relative;
}
.main-catch-area-02 img {
width: 100%;
height: auto;
}
}
p.main-catch-01 {
border-right: solid 7px rgba(0, 173, 225, 0.8);
white-space: nowrap;
overflow: hidden;
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 40px;
color: #000;
text-align: left;
line-height: 1.3;
font-weight: bold;
text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px 0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
} p.main-catch-01 {
-webkit-animation: animated-text 1.2s steps(13, end) 1s 1 normal both, animated-cursor 2500ms steps(13, end) infinite;
animation: animated-text 1.2s steps(13, end) 1s 1 normal both, animated-cursor 2500ms steps(13, end) infinite;
} @-webkit-keyframes animated-text {
from {
width: 0;
}
to {
width: 530px;
}
}
@keyframes animated-text {
from {
width: 0;
}
to {
width: 530px;
}
} @-webkit-keyframes animated-cursor {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@keyframes animated-cursor {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
p.main-catch-02 {
border-right: solid 7px rgba(0, 173, 225, 0.9);
white-space: nowrap;
overflow: hidden;
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 40px;
color: #000;
text-align: left;
line-height: 1.3;
margin: 20px 0 0;
font-weight: bold;
text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px 0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
} p.main-catch-02 {
-webkit-animation: animated-text-02 1s steps(10, end) 1s 1 normal both, animated-cursor-02 2500ms steps(10, end) infinite;
animation: animated-text-02 1s steps(10, end) 1s 1 normal both, animated-cursor-02 2500ms steps(10, end) infinite;
} @-webkit-keyframes animated-text-02 {
from {
width: 0;
}
to {
width: 1150px;
}
}
@keyframes animated-text-02 {
from {
width: 0;
}
to {
width: 1150px;
}
} @-webkit-keyframes animated-cursor-02 {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@keyframes animated-cursor-02 {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@media screen and (max-width: 980px) {
p.main-catch-01 {
border-right: solid 7px rgba(0, 173, 225, 0.8);
white-space: nowrap;
overflow: hidden;
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 30px;
color: #000;
text-align: left;
line-height: 1.7;
font-weight: bold;
text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px 0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
} p.main-catch-01 {
-webkit-animation: animated-text 1.2s steps(13, end) 1s 1 normal both, animated-cursor 2500ms steps(13, end) infinite;
animation: animated-text 1.2s steps(13, end) 1s 1 normal both, animated-cursor 2500ms steps(13, end) infinite;
} @-webkit-keyframes animated-text {
from {
width: 0;
}
to {
width: 100%;
}
}
@keyframes animated-text {
from {
width: 0;
}
to {
width: 100%;
}
} @-webkit-keyframes animated-cursor {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@keyframes animated-cursor {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
p.main-catch-02 {
border-right: solid 7px rgba(0, 173, 225, 0.9);
white-space: nowrap;
overflow: hidden;
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 26px;
color: #000;
text-align: left;
line-height: 1.7;
margin: 0;
font-weight: bold;
text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0px 2px #fff, -2px 0px 2px #fff, 0px 2px 2px #fff, 0px -2px 2px #fff;
} p.main-catch-02 {
-webkit-animation: animated-text-02 1s steps(10, end) 1s 1 normal both, animated-cursor-02 2500ms steps(10, end) infinite;
animation: animated-text-02 1s steps(10, end) 1s 1 normal both, animated-cursor-02 2500ms steps(10, end) infinite;
} @-webkit-keyframes animated-text-02 {
from {
width: 0;
}
to {
width: 100%;
}
}
@keyframes animated-text-02 {
from {
width: 0;
}
to {
width: 100%;
}
} @-webkit-keyframes animated-cursor-02 {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
@keyframes animated-cursor-02 {
from {
border-right-color: rgba(0, 173, 225, 0.9);
}
to {
border-right-color: transparent;
}
}
}
.main-bottom-area {
margin: 0;
padding: 15px 0;
background: rgba(245, 245, 245, 0.8);
position: absolute;
bottom: 0;
width: 100%;
}
.main-bottom-area .main-bottom-contents {
margin: 0 auto;
padding: 10px 0;
max-width: 1100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
font-size: 20px;
}
.main-bottom-area .main-bottom-contents .btm-box01 {
margin: 0;
padding: 0;
width: 30%;
line-height: 1.4;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-mainimg-bar.png) no-repeat;
background-position: 270px top;
}
.main-bottom-area .main-bottom-contents .btm-box02 {
margin: 0;
padding: 0;
width: 32%;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/img-mainimg-bar.png) no-repeat;
line-height: 1.4;
background-position: 285px top;
}
.main-bottom-area .main-bottom-contents .btm-box03 {
margin: 0;
padding: 0;
width: 38%;
line-height: 1.2;
} .slide-bottom {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all 1.3s 0s ease-out;
transition: all 1.3s 0s ease-out;
}
@-webkit-keyframes fade-in {
from {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fade-in {
from {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@media screen and (max-width: 980px) {
.swiper-container {
width: 100%;
}
.swiper-container .swiper-wrapper .swiper-slide {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.swiper-container .swiper-wrapper .swiper-slide p.text01 {
position: absolute;
top: 25%;
padding: 3%;
}
.swiper-container .swiper-wrapper .swiper-slide p.text01 img {
width: 100%;
height: auto;
}
.swiper-container .swiper-wrapper .swiper-slide p.text02 {
position: absolute;
top: 20%;
padding: 3%;
}
.swiper-container .swiper-wrapper .swiper-slide p.text02 img {
width: 100%;
height: auto;
}
.swiper-container .swiper-wrapper .swiper-slide-active p {
-webkit-animation-name: fade-in;
animation-name: fade-in;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
} .pickup-slider {
width: 1170px;
height: 245px;
margin: 0 auto;
}
.pickup-slider li {
color: #000;
height: 245px;
text-align: center;
position: relative;
border-left: 5px solid #F2F7FA;
}
.pickup-slider li img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 1200px) {
.pickup-slider {
width: 96%;
height: 245px;
margin: 0 auto;
}
.pickup-slider li {
color: #000;
height: 245px;
text-align: center;
position: relative;
border-left: 5px solid #F2F7FA;
}
.pickup-slider li img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
@media screen and (max-width: 980px) {
.pickup-slider {
width: 85%;
height: 200px;
margin: 0 auto;
}
.pickup-slider li {
height: 200px;
text-align: center;
position: relative;
border-left: 0px solid #fff;
}
.pickup-slider li img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.slide-pickup-area {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
color: #fff;
text-align: left;
padding: 10px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 980px) {
.slide-pickup-area {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
color: #fff;
text-align: left;
padding: 10px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
}
}
.slide-pickup-date {
margin: 0;
padding: 0 0 0 22px;
text-align: left;
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/icon-slidedate.svg) no-repeat;
background-position: 0 7px;
font-size: 14px;
}
.slide-pickup-title {
margin: 5px 0 0;
padding: 0;
text-align: left;
line-height: 1.7;
}
.category-pickup {
padding: 2px 7px;
background: #FFBC2B;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
@media screen and (max-width: 980px) {
.category-pickup {
padding: 2px 7px;
background: #FFBC2B;
color: #fff;
text-align: center;
font-size: 12px;
top: 0;
left: 0;
position: absolute;
z-index: 2;
min-width: 100px;
}
} .txt12 {
font-size: 12px;
}
.txt13 {
font-size: 13px;
}
.txt14 {
font-size: 14px;
}
.txt15 {
font-size: 15px;
}
.txt16 {
font-size: 16px;
}
.txt18 {
font-size: 17px;
}
.txt20 {
font-size: 20px;
}
.txt22 {
font-size: 22px;
}
.txt24 {
font-size: 24px;
}
.txt26 {
font-size: 26px;
}
.txt28 {
font-size: 28px;
}
.txt30 {
font-size: 30px;
}
.txt32 {
font-size: 32px;
}
.txt34 {
font-size: 34px;
}
.txt36 {
font-size: 36px;
}
.txt38 {
font-size: 38px;
}
.txt40 {
font-size: 40px;
}
.txt46 {
font-size: 46px;
}
.txt50 {
font-size: 50px;
}
.txt56 {
font-size: 56px;
}
.txt60 {
font-size: 60px;
}
.text-bold {
font-weight: bold;
}
.text-udl {
text-decoration: underline;
}
.font-italic {
font-style: italic;
} .red {
color: #F05454;
}
.red-b {
color: #F05454;
font-weight: 700;
}
.blue {
color: #036EB8;
}
.blue-b {
color: #036EB8;
font-weight: 700;
}
.skyblue {
color: #00ADE1;
}
.skyblue-b {
color: #00ADE1;
font-weight: 700;
}
.gray {
color: #cccccc;
}
.darkgray {
color: #888;
}
.black {
color: #000000;
}  .footer-appli-box .footer-logo-area .sns-icon img{
width:35px !important;
}
.foot-company-name{
display:block;
margin-top:10px;
}
.privacy-mark-app{
text-align:left;
margin-top:10px;
}
.privacy-mark-app img{
width:65px !important;
}
@media (max-width:980px){
.foot-company-name{
text-align:left;
font-size:14px;
}
.privacy-mark-app{
margin:auto;
text-align:center;
margin-top:20px;
}
} .blogtitle{
margin: 40px 0;
font-size: 20px;
font-weight: bold;
}
body {
line-height: 1.5;
letter-spacing: 1px;
}
.container {
max-width: 1040px;
margin: 0 auto;
}
.date{
font-size: 14px;
}
.mainvisual .container img{
margin: 0 0 40px;
}
.overview {
margin: 0 0 30px;
}
.overview h2 {
font-size: 18px;
font-weight: bold;
}
.overview h3 {
font-size: 13px;
font-weight: 100;
}
.event {
margin: 0 0 40px;
}
.event h2 {
margin: 0 0 10px;
font-weight: bold;
}
.event h3 {
font-size: 13px;
font-weight: 100;
}
.images {
max-width: 1000px;
}
.images__box {
display: flex;
align-items: center;
gap: 10px;
margin: 0 auto;
}
.img-item{
max-width: 100% !important;
margin: 0 0 40px;
}
.img-list{
max-width: 32% !important ;
}
.link{
font-size: 12px;
line-height: 2;  
}
.company {
margin: 0 0 40px;
}
.company__title {
display: flex;
margin: 0 0 20px;
}
.company h2 {
font-weight: bold;
}
.company a {
margin-left: 10px;
color: #E50012; font-weight: bold;
}
.company p {
font-size: 15px;
}
.app {
margin: 0 0 40px;
}
.app__title {
display: flex;
margin: 0 0 20px;
}
.app h2 {
font-weight: bold;
}
.app a {
margin-left: 10px;
color: #E50012; font-weight: bold;
}
.app p {
font-size: 15px;
}
.pressRelease {
margin: 0 0 80px;
}
.pressRelease a {
display: block;
color: #E50012;
font-size: 13px;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 600px) {
.blogtitle{
padding: 0 !important;
margin: 20px 0;
text-align: left;
}
.appli-base .appli-contents img{
max-width: 100%;
}
.container{
padding: 0;
}
} .custom-column {
display: flex;
align-items: flex-start;
}
.column-image {
flex: 0 0 120px;
margin-right: 10px;
}
.column-text {
flex: 1;
font-size:15px;
margin-top:10px;
}
.custom-column .column-image img {
max-width:110px !important;
}
@media (max-width:768px){
.custom-column{
flex-wrap:wrap;
}
.column-image{
width:100%;
flex:auto;
}
.custom-column .column-image img {
width: 100%;
max-width: 80px !important;
}
.column-text{
width:100%;
}
}@font-face {
font-family: 'swiper-icons';
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
font-weight: 400;
font-style: normal;
}
@media screen and (max-width:980px){
.swiper-container {
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
margin: 60px auto 0;
height: 60vh;
}
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-container-pointer-events {
touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
} .swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
--swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
--swiper-navigation-color: #000000;
}
.swiper-button-lock {
display: none;
}
:root { }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 30px;
height: 5px;
display: inline-block;
border-radius: 0%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background:#071369;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 6px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
} .swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
--swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
display: none;
} .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
} :root { }
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
} .swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-filter: blur(50px);
filter: blur(50px);
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}.skippr{width:100%;height:100%;position:relative;overflow:hidden}.skippr>div{position:absolute;width:100%;height:100%;background-size:cover;background-position:50% 62.5%}.skippr>img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;min-height:100%}.skippr-nav-container{position:absolute;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);bottom:25px;overflow:auto;z-index:999}.skippr-nav-element{cursor:pointer;float:left;background-color:rgba(255,255,255,0.5);-webkit-transition:all .25s linear;transition:all .25s linear}.skippr-nav-element-bubble{width:12px;height:12px;border-radius:50%;margin:0 4px}.skippr-nav-element-block{width:60px;height:10px}.skippr-nav-element:hover,.skippr-nav-element-active{background-color:#fff}.skippr-arrow{position:absolute;z-index:99;top:50%;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);width:30px;height:30px;transform-origin:center center;-webkit-transform-origin:top left;cursor:pointer}.skippr-previous{left:2.5%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-top:2px solid white;border-left:2px solid white}.skippr-next{right:3.5%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-bottom:2px solid white;border-right:2px solid white}
@media screen and (max-width:980px){
.skippr-arrow{
display: none;
}
}.drawer-open {
overflow: hidden !important;
}
.drawer-nav {
position: fixed;
z-index: 101;
top: 0;
overflow-y: scroll;
width: 100%;
color: #222;
background-color: #F8F8F8;
}
.drawer-menu {
margin:10px auto 0;
padding:5px 0 0;
list-style: none;
text-align: left;
width: 85%;
} .drawer-overlay {
position: fixed;
z-index: 100;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .2);
}
.drawer-open .drawer-overlay {
display: block;
} .drawer--top .drawer-nav {
top: -100%;
left: 0;
width: 100%;
height: auto;
max-height: 100%;
-webkit-transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.drawer--top.drawer-open .drawer-nav {
top:60px; }
.drawer--top .drawer-hamburger,
.drawer--top.drawer-open .drawer-hamburger {
right: 0;
} .drawer-hamburger {
position: fixed;
z-index: 104;
top: 3px;
display: block;
box-sizing: content-box;
width: 35px;
padding-top: 17px;
padding-right: 0.8rem;
padding-bottom: 24px;
padding-left: 1rem;
-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
border: 0;
outline: 0;
background-color:#fff;
}
.drawer-hamburger:hover {
cursor: pointer;
background-color: #fff;
}
.drawer-hamburger-icon {
position: relative;
display: block;
margin-top: 10px;
}
.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
width: 100%;
height: 2px;
-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
background-color:#5e6998;
}
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
position: absolute;
top: -10px;
left: 0;
content: ' ';
}
.drawer-hamburger-icon:after {
top: 10px;
}
.drawer-open .drawer-hamburger-icon {
background-color: transparent;
}
.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
top: 0;
}
.drawer-open .drawer-hamburger-icon:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.drawer-open .drawer-hamburger-icon:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}  .sr-only {
position: absolute;
overflow: hidden;
clip: rect(0, 0, 0, 0);
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
} .sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
overflow: visible;
clip: auto;
width: auto;
height: auto;
margin: 0;
} .drawer--navbarTopGutter {
padding-top: 0;
}
.drawer-navbar .drawer-navbar-header {
width: 100%;
margin: 0 auto;
left: 0;
top:0;
height: 60px;
border-bottom: 1px solid #ccc;
}
.drawer-navbar {
z-index: 102;
top: 0;
padding:0; 
left: 0;
width: 100%;
} .drawer-navbar--fixed {
position: fixed;
}
.drawer-navbar-header {
position: relative;
z-index: 102;
box-sizing: border-box;
width: 100%;
padding: 0 10px;
text-align: left;
background: #fff;
top:0;
}
.drawer-navbar .drawer-nav {
padding-top: 0px;
}
.drawer-navbar .drawer-menu {
padding-bottom: 200px;
}
 .slick-loading .slick-list
{
background: #fff url(https://ma-inc.jp/game_support/wp-content/themes/gamesupportplus/css/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://ma-inc.jp/game_support/wp-content/themes/gamesupportplus/css/fonts/slick.eot);
src: url(https://ma-inc.jp/game_support/wp-content/themes/gamesupportplus/css/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://ma-inc.jp/game_support/wp-content/themes/gamesupportplus/css/fonts/slick.woff) format('woff'), url(https://ma-inc.jp/game_support/wp-content/themes/gamesupportplus/css/fonts/slick.ttf) format('truetype'), url(https://ma-inc.jp/game_support/wp-content/themes/gamesupportplus/css/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: #666;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
.slick-arrow:before{
content:""!important;
width: 100%!important;
height: 100%!important;
position: absolute;
top: 0;
left: 0;
}
.slick-next:before{
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/pickup-arrow-next.svg)!important;
background-size: contain!important;
margin: 0 0 0 -5px;
}
.slick-prev:before{
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/pickup-arrow-prev.svg)!important;
background-size: contain!important;
margin: 0 0 0 7px;
}
@media screen and (max-width:980px){
.slick-next:before{
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/pickup-arrow-next.svg)!important;
background-size: contain!important;
margin: 0 0 0 -5px;
}
.slick-prev:before{
background: url(//ma-inc.jp/game_support/wp-content/themes/gamesupportplus/images/pickup-arrow-prev.svg)!important;
background-size: contain!important;
margin: 0 0 0 4px;
}
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}