@charset "UTF-8";
html {
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
}

body {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.2rem;
  background-color: #F7F7F7;
}
body a {
  color: #000;
}
body a:hover {
  color: #000;
}

.pure-drawer {
  transform: translate3d(100%, 0, 0);
}

button:focus {
  outline: none;
}

.contentsBoxWrap01 {
  padding: 0;
}

.contentsBoxWrap02 {
  padding: 20px 15px 0;
}

.contentsBoxWrap03 {
  padding: 60px 15px 0;
}

.newsList .contentsBoxWrap03 {
  padding: 60px 0 0;
}

@media screen and (max-width: 767px) {
 .contentsBoxWrap03 {
  padding: 40px 15px 0;
 }
 .newsList .contentsBoxWrap03 {
  padding: 40px 0 0;
　}
}

.simpleList {
  list-style-type: disc;
  margin-bottom: 24px;
  padding-left: 1.5em;
  margin-left: 0;
}

.numList {
  list-style-type: decimal;
  margin-bottom: 24px;
  padding-left: 1.5em;
}

.alphaList {
  list-style-type: lower-alpha;
  padding-left: 1.5em;
}

.indentList {
  list-style-type: none;
  text-indent: -1em;
  padding-left: 1em;
}

.dlList {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.dlList dt {
  width: 6em;
}
.dlList dd {
  width: calc(100% - 6em);
}

.dis__pc{
 display: block;
}

.dis__sp{
 display: none;
}

@media screen and (max-width: 767px) {
 .dis__pc{
  display: none;
 }
 .dis__sp{
  display: block;
 }
}


.br__pc{
 display: block;
}

.br__sp{
 display: none;
}

@media screen and (max-width: 767px) {
 .br__pc{
  display: none;
 }
 .br__sp{
  display: block;
 }
}

/*  header
------------------------*/
li::marker {
 content: none;
 display: none;
}

.header {
 background-color: #fff;
}

.headerInner{
 display: flex;
 max-width: 1140px;
 margin-bottom: 0;
 align-items: center;
 margin-left: auto;
 margin-right: auto;
 padding-right: 15px;
 padding-left: 15px;
}

.header_logo{
 margin-bottom: 0;
 margin-right: 10px;
}

.navIcon{
 display: flex;
 margin-left: auto;
 margin-bottom: 0;
 position: relative;
 list-style: none;
}

.navIcon li{
 margin-left: 20px;
}

.navIcon li ul li{
 margin-left: 0;
}

.navIcon li:frist-child{
 margin-left: 0;
}

.header .nav {
 position: relative;
 height: 70px;
 align-items: center;
 display: flex;
}

@media screen and (max-width: 1000px) {
 .header .nav {
 display: block;
 }
}

.header .openMenu .nav {
 display: block;
}

.header .nav .dropdown-toggle::after {
  display: none;
}
.header .nav-item {
  cursor: pointer;
}
.header .nav-link {
 color: #212121;
 margin: 0 25px 0 0;
 padding: 5px 0;
 font-weight: 500;
 font-size: 1.4rem;
}

@media screen and (max-width: 335px) {
 .header .nav-link {
  margin: 0 10px 0 0;
 }
}

.header .nav-link img{
 max-width: 160px;
}

@media screen and (max-width: 767px) {
 .header .nav-link img{
  max-width: 130px;
 }
}

@media screen and (max-width: 360px) {
 .header .nav-link img{
  max-width: 100px;
 }
}

.header .openMenu .nav-link{
 margin: 0;
 padding: 15px 20px;
}

@media screen and (max-width: 1000px) {
 .header .nav-link{
  margin: 0;
  padding: 15px 0;
 }
}

.sp_nav li:first-child {
 margin-top: 50px;
}

.sp_nav li{
 position: relative;
}

.sp_nav li:after {
 position: absolute;
 top: 15px;
 right: 20px;
 display: block;
 width: 16px;
 height: 16px;
 content: "";
 background: url(../images/arrow_icon.svg);
 background-size: contain;
 background-repeat: no-repeat;
}

.sp_nav li.shopLink:after {
 position: absolute;
 top: 15px;
 right: 20px;
 display: block;
 width: 16px;
 height: 16px;
 content: "";
 background: url(../images/blank_icon.svg);
 background-size: contain;
 background-repeat: no-repeat;
}

.header .nav-link.active {
 border-bottom: 1.5px solid #707070;
 margin-bottom: -1.5px;
}

.header .dropdownMenu {
 position: absolute;
 right: 0;
 top: 45px;
 display: none;
 width: 280px;
 background-color: #fff;
 z-index: 104;
}
@media screen and (max-width: 1000px) {
 .header .dropdownMenu {
  top: 39px;
 }
}

@media screen and (max-width: 767px) {
 .header .dropdownMenu {
 top: 198%;
 right: -8%;
 }
}
.header .dropdownMenu ul {
 list-style-type: none;
 padding: 0;
}
.header .dropdownMenu ul a {
 display: block;
 padding: 14px 16px;
 color: #000;
 font-size: 1.4rem;
}
.header .dropdownMenu ul a:hover {
  text-decoration: none;
  background-color: #EBEBEB;
}
.header .dropdownMenu ul a.active {
  background-color: #EBEBEB;
}

.drawer {
 width: 300px;
 background-color: #fff;
 z-index: 1030;
}

.drawerNav__menu {
  list-style-type: none;
  padding: 0;
}
.drawerNav__item {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  text-decoration: none;
  font-size: 1.4rem;
}
.drawerNav__item.active {
  background-color: #EBEBEB;
}
.drawerNav__item:hover {
  background-color: #EBEBEB;
  text-decoration: none;
}
.drawerNav__item .menuGameImg {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 14px;
}
.drawerNav__item img {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: cover;
}

.drawerToggle {
 margin-bottom: 0;
 cursor: pointer;
}
.drawerToggle--close {
 position: absolute;
  top: 10px;
  right: 15px;
}

.headCaption {
  margin-bottom: 8px;
  padding: 8px 16px 8px;
  font-size: 1.7rem;
  font-weight: 500;
  border-bottom: 1px solid #E2E2E2;
}
.headCaption span {
  font-size: 1.2rem;
}

.menuLauncher{
 margin-top: 50px;
 pad
 border-bottom: 1px solid #E2E2E2;ding: 12px 16px;
 position: relative;
 color: #212529;
 font-size: 1.6rem;
}

.menuLauncher:before{
 content: "";
 display: inline-block;
 background-image: url( "../images/menuBtn_launcher.svg" );
 background-repeat: no-repeat;
 background-position-x: center;
 width: 25px;
 height:18px;
 margin-right: 16px;
}

.menuMusic{
 padding: 12px 16px;
 border-bottom: 1px solid #E2E2E2;
 position: relative;
 color: #212529;
 font-size: 1.6rem;
}

.menuMusic:before{
 content: "";
 display: inline-block;
 background-image: url( "../images/menuBtn_music.svg" );
 background-repeat: no-repeat;
 background-position-x: center;
 width: 25px;
 height:26px;
 margin-right: 18px;
}

.right_gameItem nav{
 position: fixed;
 top: 0;
 right: -100%; /* 初期状態は画面外 */
 width: 300px;
 height: 100vh;
 height: 100svh;
 overflow: auto;
 background: rgba(255, 255, 255, 1);
 box-shadow: -4px 0 6px rgba(0, 0, 0, 0.1);
 transition: right 0.5s ease-in-out; /* スライドアニメーション */
 z-index: 1001;
}

.right_gameItem.openMenu nav {
 right: 0;
}

.right_game {
 z-index: 1002;
}

.right_navItem nav {
 position: fixed;
 top: 0;
 right: -100%;
 width: 250px;
 height: 100vh;
 height: 100svh;
 background: rgba(255, 255, 255, 1);
 box-shadow: -4px 0 6px rgba(0, 0, 0, 0.1);
 transition: right 0.5s ease-in-out;
 z-index: 1001;
}

.right_navItem.openMenu nav {
 right: 0;
}

.right_navItem nav ul li {
 padding: 0;
 border-bottom: 1px solid #e2e2e2;
}

.right_navItem nav ul li a{
 padding: 15px;
 border-bottom: 1px solid #e2e2e2;
}

.right_navItem nav ul li a:hover {
 background: #eee;
}

.right_nav {
 z-index: 1002;
}

.blur-overlay01,
.blur-overlay02 {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.3);
 backdrop-filter: blur(8px);
 opacity: 0;
 visibility: hidden;
 transition: opacity 0.3s ease-in-out;
 z-index: 1000;
}

.right_gameItem.openMenu ~ .blur-overlay01,
.right_navItem.openMenu ~ .blur-overlay02 {
 opacity: 1;
 visibility: visible;
}

.right_navItem{
 display: none;
}
.right_nav{
 width: 20px;
 height: 20px;
}
.right_nav img{
 width: 100%;
}

@media screen and (max-width: 1000px) {
.header .nav.pc_nav {
  display: none;
 }
 .right_navItem{
  display: block;
 }
}

.menu-close-btn {
 position: absolute;
 top: 10px;
 right: 15px;
 background: none;
 border: none;
 cursor: pointer;
 z-index: 1;
}

/*  mainContents
------------------------*/
.contentsBox {
  background-color: #000;
  color: #ffffff;
  margin-top: 2px;
}
.contentsBox__image {
  text-align: center;
}
.contentsBox__inner {
  padding: 20px;
}
.contentsBox__title {
  font-size: 1.6rem;
  margin-bottom: 16px;
  text-align: center;
}

.contentsBox__title small{
  margin-bottom: 0.7rem;
  display: inline-block;
}
.contentsBox__text {
  font-size: 1.4rem;
  text-align: left;
}
.contentsBox__btn {
  margin-top: 8px;
}
.contentsBox__btn a {
  display: block;
  padding: 10px;
  color: #fff;
  text-align: center;
  background-color: #2B87DB;
  font-size: 1.5rem;
}
.contentsBox__btn a:hover {
  text-decoration: none;
  filter: brightness(120%);
}
.contentsBox__btn02 {
  margin: 28px 0 28px;
}
.contentsBox__btn02 a {
  display: block;
  padding: 20px 10px;
  color: #fff;
  text-align: center;
  background-color: #2B87DB;
}
.contentsBox__btn02 a:hover {
  text-decoration: none;
  filter: brightness(120%);
}

.contentsBox__btn03{
 margin: 28px 0 28px;
}

.contentsBox--light {
  background-color: #fff;
  color: #000;
}
.contentsBox--gray {
  background-color: #F7F7F7;
  color: #000;
}
.contentsBox--bdr {
  border: 1px solid #CECECE;
}

.appDlBtn {
  max-width: 100%;
  width: 100%;
  margin: 28px auto 28px;
  display: block;
  padding: 20px 10px;
  color: #fff;
  text-align: center;
  background-color: #2B87DB;
  border: none;
}
.appDlBtn:hover {
  text-decoration: none;
  filter: brightness(120%);
}

.movie__inner {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  margin-bottom: 3px;
}
.movie iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/*  footer
------------------------*/
.footer {
  padding: 28px 0 20px;
  text-align: center;
  background-color: #fff;
}
.footer .footerSns {
  display: flex;
  list-style-type: none;
  justify-content: center;
  align-items: center;
  margin-bottom: 48px;
  padding: 0;
}
.footer .footerSns li {
  margin: 0 10px;
}
.footer .footerSns li:last-child {
  margin-right: 0;
}
.footer .footerMenu {
  display: flex;
  list-style-type: none;
  padding: 0;
  justify-content: center;
  margin-bottom: 32px;
  flex-wrap: wrap;
}
.footer .footerMenu li {
  width: calc(28% - 20px);
  margin: 0 18px 16px;
  white-space: nowrap;
}

 .footerMenu li a{
 font-size: 1.3rem;
 }

.footer .copyright {
  font-size: 0.9rem;
}

@media screen and (max-width: 767px) {
.footer .footerMenu li {
  width: calc(43% - 20px);
  white-space: inherit;
 }
}

/*  pure-drawer
------------------------*/
[data-effect='pure-effect-slide'] .pure-drawer {
  z-index: 1040;
}

[data-effect='pure-effect-slide'] .pure-overlay {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-delay: 250ms;
  transition-delay: 250ms;
}

.pure-toggle[data-toggle='left']:checked ~ .pure-overlay[data-overlay='left'],
.pure-toggle[data-toggle='right']:checked ~ .pure-overlay[data-overlay='right'],
.pure-toggle[data-toggle='top']:checked ~ .pure-overlay[data-overlay='top'] {
  z-index: 1030;
}

.pure-toggle[data-toggle='left'],
.pure-toggle[data-toggle='right'],
.pure-toggle[data-toggle='top'] {
  right: 0;
  transition-delay: unset;
}

.pure-toggle[data-toggle='right']:checked ~ .pure-overlay[data-overlay='right'] {
  right: 300px;
  backdrop-filter: blur(6px);
}

/*  slick
------------------------*/
.slick-slide {
  height: auto;
}
.slick-slide img {
  margin: 0 auto;
}

.slick-dots li.slick-active button:before {
  color: #BB86FC;
}

.slick-dots li button:before {
  opacity: 1;
  color: #dbdbdb;
}

.space {
  text-indent: 1em;
}

.mainImg {
  margin: 10px 0;
}

.alignC {
  text-align: center;
}

.img2_area {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  justify-content: center;
}
.img2_area > * {
  width: 100%;
  padding: 0 10px;
}
.img2_area > * img {
  width: 100%;
}

.img3_area {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  justify-content: center;
}
.img3_area > * {
  width: 100%;
  padding: 0 10px;
}
.img3_area > * img {
  width: 100%;
}

.img4_area {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  justify-content: center;
}
.img4_area > * {
  width: 100%;
  padding: 0 10px;
}
.img4_area > * img {
  width: 100%;
}

.table_base th, .table_base td {
  padding: 8px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

/* スクリーンショット */
#ss_list {
  text-align: center;
  list-style-type: none;
}

#ss_list li {
  margin: 0 0 8px;
}

@media screen and (max-width: 767px) {
  .newsVideo {
    position: relative;
    width: 100%;
  }
  .newsVideo:before {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  .newsVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
/*  topPc
------------------------*/
.topPc,
.launcher{
  background-color: #f7f7f7;
}
/*.topPc .header .container {
  width: auto;
  max-width: 1140px;
}*/
.topPc main > .container {
/*  width: 1140px;*/
  max-width: 1140px;
}
.topPc main > .container .col-3 {
  padding-right: 5px;
  padding-left: 5px;
}
.topPc .topSlide {
  min-width: 1140px;
  margin-bottom: 80px;
}
.topPc .slick-dots li.slick-active button:before {
  color: #000;
}
.topPc .slick-slide img {
  opacity: 0.3;
  transition: all 0.3s linear;
}
.topPc .slick-active img {
  opacity: 1;
  transition: all 0.3s linear;
}
.topPc .slideArrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.topPc .slideArrow--left {
  width: 46px;
  left: 300px;
  z-index: 10;
}
.topPc .slideArrow--right {
  width: 46px;
  right: 300px;
  z-index: 10;
}
.topPc main .row {
  margin: 0 5px;
}
.topPc main .row {
  margin: 0 -5px;
}
.topPc main .col-md-3 {
  padding: 0 5px;
}
.topPc .section {
  margin-bottom: 60px;
}
.topPc .sectionTitle,
.launcher .sectionTitle  {
  font-size: 2.2rem;
  text-align: center;
  color: #7E7E7E;
  font-weight: 700;
  margin-bottom: 20px;
}
.topPc .sectionTitle--bdr {
  border-bottom: 1px solid #CECECE;
  padding-bottom: 20px;
}
.topPc .columnBoxWrap {
  display: block;
  margin-bottom: 10px;
}
.topPc .columnBoxWrap:hover {
  filter: brightness(115%);
  text-decoration: none;
}
.topPc .columnBox {
  border: 1px solid #CECECE;
  padding: 10px;
  background-color: #fff;
  height: 100%;
}
.topPc .columnBox__image {
  margin-bottom: 10px;
}
.topPc .columnBox__time {
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.topPc .columnBox__gameTitle {
  font-size: 1.4rem;
  margin-bottom: 10px;
  line-height: 1.4;
}
.topPc .columnBox__articleTitle {
  font-size: 1.5rem;
  line-height: 1.7;
}
.topPc .service .columnBox {
  padding-bottom: 0;
}
.topPc .service .columnBox__gameTitle {
  position: relative;
  padding-right: 28px;
  color: #7e7e7e;
  font-weight: bold;
  font-size: 1.5rem;
}
.topPc .service .columnBox__gameTitle span {
  font-size: 1.2rem;
  display: block;
  font-weight: normal;
}
.topPc .service .columnBox__gameTitle:after {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  width: 24px;
  height: 24px;
  content: "";
  background: url("../images/link_arrow.png");
  background-size: cover;
}
.topPc .newsList .columnBox__image img {
  width: 100%;
  height: 140px;
  object-fit: contain;
}
.topPc .lightBtn,
.troubleshooting .lightBtn {
  display: block;
  background-color: #fff;
  font-size: 1.6rem;
  margin: 16px auto;
  padding: 10px;
  text-align: center;
  border: 1px solid #CECECE;
  width: 100%;
  max-width: 570px;
  text-decoration: none;
}
.troubleshooting .lightBtn {
  background-color: #F7F7F7;
}
.topPc .lightBtn:hover,
.troubleshooting .lightBtn:hover {
  filter: brightness(98%);
}
.topPc .contact {
  color: #747474;
  font-size: 1.2rem;
  padding-bottom: 100px;
}
.topPc .contact .container {
/*  width: 1140px;*/
  max-width: 1140px;
}
.topPc .contact span {
  display: block;
  padding-top: 5px;
  font-size: 1.6rem;
}
.topPc .footer .footerSns {
  justify-content: center;
}

.contactTable {
  width: 100%;
  font-size: 12px;
}

.contactTable td {
  padding: 10px;
}



/* =====================
  ～769px PC
===================== */
@media screen and (min-width: 768px) {
  body {
    font-size: 1.4rem;
  }

/*  .contentsBoxWrap01 {
    padding: 0 4px;
  }*/

  .contentsBoxWrap02 {
    padding: 20px 10px 0;
  }

  .contentsBox__btn02 {
    max-width: 75%;
    margin: 24px auto 24px;
  }

  .pure-pusher {
    display: flex;
    flex-flow: column;
    min-height: 100vh;
  }

  main {
    flex: 1;
  }

  .footer .footerMenu {
    flex-wrap: wrap;
  }
  .footer .footerMenu li {
    width: auto;
    margin: 0 15px 16px;
  }

 .footerMenu li a{
 font-size: 1.3rem;
 }

  .drawer {
    width: 300px;
  }

    /*  pure-drawer
------------------------*/
  .pure-toggle[data-toggle='right']:checked ~ .pure-overlay[data-overlay='right'] {
    right: 300px;
  }

  .appDlBtn {
    width: 75%;
  }

  .contactTable {
    width: 50%;
    font-size: 14px;
  }

  .contactTable td {
    padding: 15px;
  }

  .img2_area {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 -10px;
    justify-content: center;
  }
  .img2_area > * {
    width: 50%;
    padding: 0 10px;
  }
  .img2_area > * img {
    width: 100%;
  }

  .img3_area {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 -10px;
    justify-content: center;
  }
  .img3_area > * {
    width: 33.3333%;
    padding: 0 10px;
  }
  .img3_area > * img {
    width: 100%;
  }

  .img4_area {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 -10px;
    justify-content: center;
  }
  .img4_area > * {
    width: 25%;
    padding: 0 10px;
  }
  .img4_area > * img {
    width: 100%;
  }
}
.btn-dl {
  background-color: #111;
  padding-top: 6px;
  margin-top: 10px;
  width: 100%;
  height: 55px;
}

.btn-dl-ios {
  padding-top: 8px;
}

.flexList{
 display: flex;
 max-width: 1110px;
 list-style: none;
 justify-content: center;
 padding: 0;
}

.flexList li + li{
 margin-left: 10px;
}

@media screen and (max-width: 767px) {
 .flexList{
  display: block;
 }
 .flexList li + li{
  margin-left: 0;
  margin-top: 15px;
 }
}

.dlList01 {
 margin-bottom: 24px;
}

.dlList01 dt {
 width: 150px;
 display: inline-block;
}

.dlList01 dd {
 width: calc(100% - 160px);
 display: inline-block;
}

@media screen and (max-width: 767px) {
.dlList01 dt,
.dlList01 dd {
 width: 100%;
 display:block;
 }
}
/*  news
------------------------*/
.lowerpage .contentsBox {
  color: #000;
  margin-top: 0;
}
.lowerpage .contentsBox__image {
  padding: 10px 10px 0;
}
.lowerpage .contentsBox__time {
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.lowerpage .contentsBox__gameTitle {
  font-size: 1.4rem;
  margin-bottom: 8px;
  line-height: 1.5;
}
.lowerpage .contentsBox__articleTitle {
  font-size: 1.5rem;
  margin-bottom: 0;
  line-height: 1.5;
}
.lowerpage .contentsBox--light {
  background-color: #fff;
  font-size: 1.5rem;
}
.lowerpage .contentsBox--bdr {
  border: 1px solid #CECECE;
}
.lowerpage--detail .mainTitle {
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.5;
}
.lowerpage--detail .subTitle {
  font-size: 1.3rem;
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}
.lowerpage--detail p {
  margin-bottom: 1.5rem;
}
.lowerpage--detail .newsImage {
  margin-bottom: 2rem;
}
.lowerpage .terms__cap {
  font-size: 1.3rem;
}
.lowerpage .sectionTitle {
  font-size: 1.4rem;
  margin: 10px 0 18px;
}
.lowerpage.company .contentsBoxWrap02,
.lowerpage.troubleshooting .contentsBoxWrap02 {
  font-size: 1.4rem;
}
.lowerpage.company .contentsBoxWrap02 .terms__cap,
.lowerpage.troubleshooting .contentsBoxWrap02 .terms__cap {
  font-size: 1.2rem;
}
.lowerpage.dl main {
  padding: 40px 0;
  background-color: #D1D1D1;
}
.lowerpage.dl .stepCap {
  background-color: #fff;
  margin-bottom: 20px;
  padding: 15px;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
.lowerpage.dl .stepCap__title {
  width: 6em;
  font-size: 1.8rem;
  color: #2B87DC;
}
.lowerpage.dl .stepCap__text {
  flex: 1;
}
.lowerpage.dl .stepSlider .slick-slide {
  outline: none;
}
.lowerpage.dl .stepSlider img {
  max-width: 100%;
  width: 75%;
}
.lowerpage.dl .dlModal .modal-content {
  border-radius: 5px;
}
.lowerpage.dl .dlModal .modal-header {
  border-bottom: none;
  padding: 16px 30px;
}
.lowerpage.dl .dlModal .modal-body {
  padding: 16px 30px;
}
.lowerpage.dl .dlModal .modal-footer {
  border-top: none;
  padding: 16px 30px;
}
.lowerpage.dl .dlModal .modal-footer button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  color: #039BE5;
  margin-left: 20px;
}
.lowerpage .columnGameBox {
  margin-bottom: 40px;
}
.lowerpage .columnGameBox__title {
  font-size: 1.6rem;
  font-weight: bold;
}
.lowerpage .columnGameBox__text {
  line-height: 1.8;
}
.lowerpage.news main {
  line-height: 1.8;
  letter-spacing: 0.5px;
}
.lowerpage.news main a {
  word-wrap: break-word;
  word-break: break-all;
  color: #167ac6;
}
.lowerpage.news main img {
  max-width: 100%;
  height: auto;
}
.lowerpage.news main p {
  display: block;
}

@media screen and (max-width: 768px) {
 .lowerpage.news main p {
  font-size: 1.5rem;
 }
}

.lowerpage.news main .container {
  padding-top: 20px;
  padding-bottom: 20px;
}
.lowerpage.news #press_header {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.lowerpage.news #press_header #logo img {
  width: 100px;
}
.lowerpage.news #date_release {
  margin-left: auto;
}
.lowerpage.news #date_release ul {
  text-align: right;
  list-style-type: none;
}
.lowerpage.news .news_title {
  font-size: 2.4rem;
  margin-bottom: 35px;
  font-weight: 400;
  line-height: 1.4;
}
.lowerpage.news .sub_title {
  font-size: 1.5rem;
  margin: 16px 0 5px;
  font-weight: 600;
}
.lowerpage.news .common_list {
  list-style-type: none;
  margin: 0 0 24px;
  padding: 0;
  font-size: 1.4rem;
}
.lowerpage.newsList .contentsBox {
  position: relative;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .lowerpage.newsList .contentsBox {
    position: relative;
    height: initial;
  }
}
.lowerpage.newsList .contentsBox__image img {
  width: 100%;
  height: 180px;
  object-fit: contain;
}
.lowerpage.newsList .contentsBox .newIco {
  position: absolute;
  top: 0;
  left: 0;
  letter-spacing: 3px;
  font-weight: bold;
  padding: 3px 8px;
  background-color: #EA5C5C;
  color: #fff;
}
.lowerpage.newsList .contentsBox .updateIco {
  position: absolute;
  top: 0;
  left: 0;
  letter-spacing: 3px;
  font-weight: bold;
  padding: 3px 8px;
  background-color: #5C82EA;
  color: #fff;
}

/* =====================
  ～769px PC
===================== */
@media screen and (min-width: 768px) {
  .lowerpage .contentsBox__title {
    font-size: 1.6rem;
    margin-bottom: 0;
  }
  .lowerpage--detail .mainTitle {
    font-size: 1.6rem;
  }
  .lowerpage--detail .subTitle {
    font-size: 1.5rem;
  }
  .lowerpage .terms__cap {
    font-size: 1.5rem;
  }
  .lowerpage .sectionTitle {
    font-size: 1.6rem;
    margin: 10px 0 18px;
  }
  .lowerpage.dl .stepCapSlider {
    max-width: 480px;
    margin: 0 auto;
  }
  .lowerpage.dl .stepSlider img {
    max-width: 100%;
    width: 320px;
  }
  .lowerpage.news main {
    font-size: 1.6rem;
  }
  .lowerpage.news #press_header {
    font-size: 1.3rem;
  }
  .lowerpage.news #press_header #logo img {
    max-width: 200px;
    width: 100%;
  }
  .lowerpage.news .news_title {
    font-size: 3.2rem;
    margin-bottom: 35px;
  }
  .lowerpage.news .sub_title {
    font-size: 1.8rem;
    margin: 16px 0 5px;
  }
  .lowerpage.news main > .container {
    border: 1px solid #CECECE;
    margin: 40px auto 80px;
    padding: 32px;
    background-color: #fff;
    max-width: 960px;
  }
  .lowerpage.news .pure-pusher {
    background-color: #f7f7f7;
  }
}



/*  lancher
------------------------*/

.launcher__mvBox{
  background-color: #000;
  width: 100%;
}

.launcher__mvLink{
  margin:0 auto 50px;
  max-width: 1120px;
  display: block;
}

.launcher .sectionTitle {
  margin-bottom: 30px;
  font-size: 2.2rem;
  text-align: center;
  color: #7E7E7E;
  font-weight: 700;
}

.sectionTix{
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 2rem;
}

.launcher__ctList{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0;
  margin-bottom: 30PX;
}

.launcher__ctItem{
  background-color: #fff;
  align-items: center;
  min-height: 146px;
  display: flex;
  justify-content: center;
  width: 23.2%;
  border: 1px solid #eee;
}

.launcher__ctIcon{
  margin-bottom: 20px;
}

.launcher__ctInner{
  text-align: center;
}

.launcher__ctTxt{
  font-size: 2.0rem;
  text-align: center;
  color: #7E7E7E;
  font-weight: 700;
}

.lancher_ct.launcher__ctTxt{
  color: #7E7E7E;
}

.launcher__introduction{
  padding-bottom: 60px;
}

.launcher__introductionInner{
 margin-bottom: 20px;
 position: relative;
}

.launcher__introductionItem{
 list-style: none;
}

.launcher__introductionLink{
  display: inline-block;
}

.launcher__introductionList{
 position: absolute;
 right: 320px;
 top: 56%;
 display: flex;
 align-items: center;
 max-width: 365px;
}

.launcher__introductionList li:first-child{
 margin-right: 10px;
}

.launcher__ctAdd{
  background-color: #fff;
  align-items: center;
  min-height: 88px;
  width: 100%;
  font-size: 1.8rem;
  text-align: center;
  color: #7E7E7E;
  position: relative;
  margin-bottom: 0;
  line-height: 88px;
  font-weight: 700;
  border: 1px solid #eee;
}

.launcher__ctAdd:before{
  content: "";
  display: inline-block;
  background-image: url( "../images/launcher_icon_plus.svg" );
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height:16px;
  margin-right: 13px;
}

.launcher__gameList{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-left: 0;
}

.launcher__gameList li:nth-child(odd){
  margin-right: 2.5%;
}

.launcher__gameItem{
  width: 48.75%;
  margin-bottom: 2.5%;
  list-style: none;
}

.launcher__gameLink{
  position:relative;
  bottom: 0;
}

.launcher__gameLink:hover{
  text-decoration: none;
}

.launcher__gameTxtBox{
  position: relative;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}

.launcher__gameTxt {
  font-size: 1.3rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(0,0,0,0.7);
  padding: 12px;
  display: block;
  position: absolute;
  bottom: 0px;
  box-sizing: border-box;
  width: 100%;
  font-weight: 700;
}

.launcher__soonIconBox{
 margin-top: -20px;
}

.launcher__soonIcon {
  position: relative;
  background: #199c65;
  color: #fff;
  padding: 2px 6px;
  font-size: 1.05rem;
  top: 20px;
  z-index: 1;
  box-sizing: border-box;
}

.launcher__lineup {
  padding-bottom: 100px;
  max-width: 1120px;
  margin: auto;
}

.lowerpage.launcher main {
  line-height: 1.8;
  letter-spacing: 0.5px;
}
.lowerpage.launcher main a {
  word-wrap: break-word;
  word-break: break-all;
}
.lowerpage.launcher main img {
  max-width: 100%;
  height: auto;
}

.lowerpage.launcher .pure-pusher {
  background-color: #f7f7f7;
}


.launcher .footer .footerSns,
.music .footer .footerSns{
  justify-content: center;
}

.launcher__btn{
 margin: 15px auto 60px;
 text-align: center;
 max-width: 92%;
 }

.launcher__btn01 a{
  display: block;
  padding: 20px 10px;
  color: #fff;
  text-align: center;
  background-color: #199c65;
  font-size: 1.5rem;
  font-weight: 700;
  position: relative;
  max-width: 540px;
  margin: auto;
  text-decoration: none;
 }

 .launcher__btn01 a:before{
  content: "";
  display: inline-block;
  background-image: url( "../images/sp-btn_download.svg" );
  background-repeat: no-repeat;
  width: 13px;
  height:16px;
  margin-right: 13px;
 }

@media (min-width: 768px){
 .launcher__lineup {
    max-width: 720px;
    padding-right: 15px;
    padding-left: 15px;
 }
 .launcher__introductionList{
 right: 110px;
 }
}

@media (min-width: 992px){
 .launcher__lineup {
    max-width: 960px;
 }
 .launcher__introductionList{
 right: 255px;
 }
}

@media (min-width: 1200px){
 .launcher__lineup {
    max-width: 1140px;
 }
 .launcher__introductionList{
 right: 365px;
 }
}

.launcherCt{
 max-width: 1150px;
}

@media screen and (max-width: 768px) {
 .launcher__lineup{
  padding: 30px 15px;
  max-width: 540px;
 }

 .launcher article .container{
  padding-left: 0;
  padding-right: 0;
 }

 .lowerpage.launcher .pure-pusher{
  background-color: #fff;
 }

 .launcher .section{
  background-color: #f7f7f7;
  padding: 30px 15px 0;
 }

 .launcher__mvBox{
  background-color: #fff;
 }

 .launcher__mvLink{
  margin:0 auto 1.5em;
 }

 .launcher .sectionTitle {
    font-size: 1.7rem;
    color: #212529;
　}

 .sectionTix{
    font-size: 1.4rem;
　}

 .launcher__ctTxt{
    font-size: 1.4rem;
 }

 .launcher__introduction{
    padding-bottom: 50px;
 }


 .launcher__ctList{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
 }

 .launcher__ctItem{
    min-height: 146px;
    width: 48.5%;
 }

 .launcher__ctList li:nth-child(odd){
    margin-right: 3%;
 }

 .launcher__ctList li:nth-child(1),
 .launcher__ctList li:nth-child(2){
    margin-bottom: 3%;
 }

 .launcher__gameList{
    display: block;
 }

　.launcher__gameList li:nth-child(odd){
    margin-right: 0;
 }

  　.launcher__gameList li:last-child{
    margin-bottom: 0;
 }

  .launcher__gameItem{
    width: 100%;
    margin-bottom: 20px;
 }

.launcher__ctAdd{
  padding: 6%;
  line-height:1.4;
  font-size: 1.4rem;
 }

  .launcher__btn01{
    max-width: 100%;
 }

}

@media screen and (max-width: 767px) {
.launcher__introductionList {
 right: 0;
 left: 0;
 top: 65%;
 justify-content: center;
 padding-left: 0;
 max-width:inherit;
 }
}



/*  music
------------------------*/

.music__mvBox{
  background-color: #fff;
  width: 100%;
}

.music__mvInner{
  margin:0 auto;
  max-width: 1140px;
}

.music .contentsBox__btn02{
 margin: 0 auto;
}

.music__mv{
 width: 100%;
}

.music__btnBox{
 width: 100%;
 background-color: #f7f7f7;
}

.music__btnInner{
 max-width:1140px;
 margin: auto;
 padding: 30px;
}


.music .sectionTitleBox{
 border-bottom:1px solid #ddd;
 padding-bottom: 30px;
 margin-bottom: 40px;
}

.music .section p:last-child{
 margin-bottom: 0;
}

.music .sectionTitle {
  margin-bottom: 30px;
  font-size: 2.2rem;
  text-align: center;
  font-weight: 700;
  margin-top: 0;
  padding-top: 30px;
}

.music .sectionTix{
  font-size: 1.8rem;
  line-height: 1.6;
  text-align: center;
}

.music__ListBox{
 display: flex;
 justify-content: space-between;
 padding-left: 0;
 border-bottom:1px solid #ddd;
 padding-bottom: 30px;
 margin-bottom: 40px;
}

.music__ctImgBox{
 margin-left: 60px;
}

.music__ctItem{
 margin-bottom: 30px;
 list-style: none;
}

.music__ctList li:last-child{
 margin-bottom: 0;
}


.music__ctTitle{
  font-size: 1.8rem;
  color: #7E7E7E;
  font-weight: 700;
 margin-left: 10px;
 margin-bottom: 0;
}

.music__ctTitleBox{
 display: flex;
 align-items: center;
  margin-bottom: 20px;
}


.music__ctArea{
 width: 100%;
 background-color: #f7f7f7;
}


.music__info{
 display: flex;
 justify-content: center;
 padding-bottom: 40px;
}

.music__dlInfo{
  margin-left: 30px;
}



.music__dlInfo dt{
  font-size: 1.4rem;
  line-height: 1.5;
  margin-right: 30px;
  margin-bottom: 12px;
  width: 60px;
  display: inline-block;
}

.music__dlInfo dd{
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 12px;
  display: inline-block;
}

.music__btn01 a{
  display: block;
  padding: 20px 10px;
  color: #fff;
  text-align: center;
  background-color: #FD8199;
  font-size: 1.5rem;
  font-weight: 700;
  position: relative;
  margin: auto;
  text-decoration: none;
 }

 .music__btn01 a:before{
  content: "";
  display: inline-block;
  background-image: url( "../images/sp-btn_download.svg" );
  background-repeat: no-repeat;
  width: 13px;
  height:16px;
  margin-right: 13px;
 }

@media screen and (max-width: 768px) {

.music__btnBox{
 background-color: #fff;
}
.music__btnInner{
  padding: 15px;
}
.music .sectionTitle {
  color: #212529;
}

.music__ctItem{
 margin-bottom: 35px;
}

.music .sectionTix{
 text-align: left;
 margin-bottom: 0;
}
.music__ListBox{
 display: block;
}
.music__ctList{
 padding-left: 0;
 color: #212529;
}

.music__ctList li:last-child{
 margin-bottom: 30px;
}

.music .sectionTitle {
  font-size: 2.0rem;
}

.music .sectionTix{
  font-size: 1.6rem;
}

.music__ctTitle{
 color: #212529;
 font-size: 1.6rem;
}
.music__info{
 display: block;
}
.music__ctImgBox{
 margin-left: 0;
}
.music__ctImg{
 width: 100%;
}
.music__ctTxt{
 font-size: 1.4rem;
}
.music__storeIconBox{
 margin-bottom: 30px;
 text-align: center;
}
.music__dlInfo dt{
  margin-right: 0;
  width: inherit;
  display: block;
  margin-bottom: 7px;
}

.music__dlInfo{
 margin-left: 0;
}

.music__storeIcon{
 width: 160px;
}

.music__dlInfo dd{
  display: block;
  margin-bottom: 20px;
 }
}

/*  troubleshooting
------------------------*/

.caseList{
 list-style: none;
 display: flex;
 align-items: center;
 border: 1px solid #CECECE;
 background-color: #F7F7F7;
 padding: 0;
 margin-bottom: 60px;
}

.caseList li{
 border-right: 1px solid #CECECE;
}

.caseList li:last-child{
 border-right: none;
}

.caseItem{
 text-align: center;
 width: 25%;
 min-height: 154px;
 position: relative;
}


.caseList .caseLink{
 display: block;
 width: 10px;
 height: 10px;
 border-bottom: solid 1px #333;
 border-right: solid 1px #333;
 transform: rotate(45deg);
 margin: 15px auto 0;
 position: absolute;
 bottom: 25px;
 left: calc(50% - 5px);
}

.caseNumber{
 font-weight: bold;
 font-size: 1.2rem;
 margin-bottom: 15px;
 display: inline-block;
 border: solid 1px #333;
 border-radius: 15px;
 padding: 0px 13px;
 font-family: roboto, sans-serif;
 color: #fff;
 background-color: #333;
}

.caseItem a{
 text-decoration: none;
 padding: 25px 10px 45px;
 display: block;
 box-sizing: border-box;
}

.caseItem .caseItemTxt{
 margin-bottom: 0;
 font-size: 1.5rem;
 line-height: 1.5;
 font-weight: bold;
}

.case-secTit{
 font-size: 2.5rem;
 margin-bottom: 20px;
}

.case-secNumber{
 font-weight: bold;
 display: inline-block;
 color: #fff;
 font-family: roboto, sans-serif;
 margin-right: 10px;
 border: solid 1px #333;
 border-radius: 15px;
 padding: 2px 15px 3px;
 font-size: 1.8rem;
 vertical-align: top;
 background-color: #333;
}

.cas01__img{
max-width: 500px;
}

.case-sec{
 margin-bottom: 60px;
 padding-top: 80px;
 margin-top:-80px;
 word-break: break-all;
}

.case-sec .case-secTxt{
 margin-bottom: 20px;
}

.case-sec img{
 margin-bottom: 20px;
}

.case-sec .last-secTxt{
 margin-bottom: 0;
}

.btn__txt{
 text-align: center;
 font-size: 1.3rem;
}


@media screen and (max-width: 768px) {
.caseList{
 display: block;
}
.caseList li{
 border-right:none;
 border-bottom: 1px solid #CECECE;
}

.case-secTit{
 font-size: 2.2rem;
}
.caseItem{
 width:auto;
 min-height: inherit;
}

.case-sec img{
 width: 100%
 }
.case-secNumber {
 display: block;
 max-width: 100px;
 margin-bottom: 10px;
 padding: 2px 10px 3px;
 font-size: 1.6rem;
 text-align: center;
 }
 .caseItem a{
  padding: 20px 10px 30px;
　}
.caseList .caseLink{
  bottom: 15px;
　}
}

.disabled{
 opacity: 0.3;
 cursor: default;
}

.bannerCt{
 margin-bottom: 50px;
}

.banner01 img{
 width: 100%;
}
.banner01 {
 text-align: center;
}

.banner01 + .banner01,
.banner01 + .banner02{
 margin-top: 1.5rem;
}

.banner01 .img-fluid,
.banner02 .img-fluid{
 max-width: 100%;
}

.bannerCt02{
 margin: 0 5px 2rem;
}

.bannerCt03{
 margin: 0 5px;
}


/*---202207----*/
.subpage{
 background-color:#f7f7f7;
}

.company .subpage,
.vision .subpage,
.lowerpage .subpage{
 padding-bottom: 6rem;
}

.mainTit{
 border-bottom:1px solid #cecece;
 margin-bottom: 5rem;
 text-align: center;
}

.newsList .mainTit{
 margin-bottom: 3rem;
}

.mainTit01{
 font-family: 'Roboto', sans-serif;
 color: #7d7d7d;
 font-size: 34px;
 font-weight: bold;
 display: block;
 line-height: 1.3;
}

.mainTit02{
 color: #7d7d7d;
 font-size: 18px;
 font-weight: bold;
 display: block;
 line-height: 1.5;
 padding-bottom: 4rem;
}

.mainTit03{
 color: #7d7d7d;
 font-size: 2.2rem;
 font-weight: bold;
 display: block;
 line-height: 1.5;
 padding-bottom: 4rem;
}

.mainTit04{
 color: #7d7d7d;
 font-size: 1.9rem;
 font-weight: bold;
 line-height: 1.5;
 padding-bottom: 2rem;
 margin-bottom: 2rem;
 border-bottom: 1px solid #cecece;
}

@media screen and (max-width: 768px) {
.mainTit{
 margin-bottom: 3rem;
 }
.mainTit01{
 font-size: 26px;
 }
.mainTit02{
 font-size: 14px;
 padding-bottom: 2rem;
 }
.mainTit03{
 text-align: left;
 font-size: 2.0rem;
 }
.mainTit04{
 font-size: 1.7rem;
 }
}

.tabListWrap{
 display: flex;
 align-items: stretch;
}

.tabList{
 display: flex;
 justify-content: center;
 align-items: stretch;
 margin: 0 auto 8rem;
 padding: 0;
 list-style: none;
}

.tab{
 display: flex;
 justify-content: center;
 align-items: center;
 width: 50%;
 color: #333;
 background-color: #fff;
 border:solid 1px #cecece;
 padding: 2rem;
 box-sizing: border-box;
 text-align: center;
 cursor: pointer;
}

@media screen and (max-width: 768px) {
 .tabList{
  margin: 0 auto 5rem;
 }
 .tab{
 padding: 1.3rem;
 }
}

.tab.is-active{
 color: #fff;
 background-color: #000;
 position: relative;
 border:solid 1px #000;
}

.tab.is-active:after{
 content: "";
 position: absolute;
 bottom: -10px;
 left: calc(50% - 20px);
 border-top: 30px solid #000;
 border-right: 20px solid transparent;
 border-left: 20px solid transparent;
}

.tab01Tit,.tab02Tit{
 font-size: 2rem;
 font-weight: bold;
 margin-bottom: 0;
}

@media screen and (max-width: 768px) {
 .tab01Tit,.tab02Tit{
 font-size: 1.6rem;
 }
.tab.is-active:after{
 bottom: -10px;
 left: calc(50% - 16px);
 border-top: 26px solid #000;
 border-right: 16px solid transparent;
 border-left: 16px solid transparent;
 }
}

@media screen and (max-width: 330px) {
 .tab01Tit,.tab02Tit{
 font-size: 1.5rem;
 }
}



.tab01{
 width: 50%;
}

.tab02{
 width: 50%;
}

.service__gameList,
.service__jointList{
 display: none;
}

.show.service__gameList,
.show.service__jointList{
 display: flex;
 flex-wrap: wrap;
 list-style: none;
 padding-left: 0;
}

.service__gameList li:nth-child(odd),
.service__jointList li:nth-child(odd){
 margin-right: 2%;
}

.service__gameItem,
.service__jointItem{
 width: 49%;
 margin-bottom: 5rem;
}

@media screen and (max-width: 768px) {
 .show.service__gameList,
 .show.service__jointList{
  display: block;
 }
 .service__gameItem,
 .service__jointItem{
  width: 100%;
 }
 .service__gameList li:nth-child(odd),
 .service__jointList li:nth-child(odd){
  margin-right: 0;
 }
}

.gameImg,
.jointImg{
 margin-bottom: 2.5rem;
 display: block;
}

.gameTit,
.jointTit{
 font-weight: bold;
 font-size: 1.8rem;
 line-height: 1.4;
 margin-bottom: 0.5rem;
}

@media screen and (max-width: 768px) {
 .gameImg,
 .jointImg{
  margin-bottom: 1.5rem;
 }
.gameTit,
.jointTit{
 font-size: 1.5rem;
 }
}


.gameTxt,.jointTxt{
 font-size: 1.4rem;
 line-height: 1.5;
 font-weight: bold;
 color: #555;
}
.gameTxt{
 margin-bottom: 2rem;
}

.jointCompany{
 font-size: 1.2rem;
 line-height: 1.3;
 margin-bottom: 2rem;
 color: #000;
}

@media screen and (max-width: 768px) {
 .gameTxt,.jointTxt{
  font-size: 1.3rem;
 }
 .gameTxt{
  margin-bottom: 1.5rem;
 }
}

.gameImg img,
.jointImg img{
 width: 100%;
}

.match04{
 min-height: 32px;
}

@media screen and (max-width: 768px) {
 .match04{
  min-height: inherit;
 }
}

.btn01{
 border:solid 1px #cecece;
 background-color: #fff;
 color: #333;
 width: 100%;
}

.btn {
 box-sizing: border-box;
 font-size: 1.6rem;
 display: inline-block;
 line-height: 2.8em;
 height: 2.8em;
 padding: 0 1em;
 text-decoration: none;
 transition: all ease 0.3s;
 text-align: center;
 word-wrap: break-word;
}

@media screen and (max-width: 768px) {
 .btn {
  font-size: 1.5rem;
 }
}

a:hover, a:active, a:focus {
 opacity: 0.7;
}

.pl-2, .px-2{
 vertical-align: top;
}

.companyList{
 border-bottom: 1px solid #cecece;
 margin-bottom: 2rem;
 padding-bottom: 2rem;
}

.companyTit{
 color: #7d7d7d;
 font-size: 1.8rem;
 margin-bottom: 0.7rem;
}

.companyTxt{
 color: #212121;
 font-size: 1.8rem;
}

@media screen and (max-width: 768px) {
 .companyTit{
  font-size: 1.5rem;
 }
 .companyTxt{
  font-size: 1.5rem;
 }
}

.companyTxt .companySubtxt{
 font-size: 1.3rem;
 line-height: 1.5;
 margin-top: 1rem;
 margin-bottom: 0;
}

.companyTxt .companySubtxt + .companySubtxt{
 margin-top: 0.5rem;
}

.lastList{
 border-bottom: none;
 margin-bottom: 0;
 padding-bottom: 0;
}

.companyTxt a{
 display: inline-block;
 margin-bottom: 0.7rem;
}


.lawfirmTxt{
 color: #212121;
 font-size: 1.8rem;
 line-height: 1.7;
}

@media screen and (max-width: 768px) {
 .lawfirmTxt{
  font-size: 1.5rem;
 }
}

.lowerpage .lawfirmSpce01{
 margin-bottom: 5rem;
}

.lowerpage .lawfirmSpce02{
 margin-bottom: 3rem;
}

.lawfirmTh{
 color: #7d7d7d;
 padding-bottom: 1rem;
 padding-right: .5rem;
 white-space: nowrap;
}

.lawfirmTd{
 color: #212121;
}

.lawfirmThTxt{
 min-width: 66px;
 display: inline-block;
}

@media screen and (max-width: 768px) {
 .lawfirmThTxt{
  font-size: 1.4rem;
 }
}

.lawfirmTable{
 margin-top: 1rem;
 vertical-align: top;
}

.lawfirmTable tr{
 vertical-align: top;
}

.gameinquiriesList{
 display: flex;
 flex-wrap: wrap;
 padding: 0;
}

.gameinquiriesList li{
 margin-bottom: 2rem;
 list-style: none;
 width: 32%;
 margin-right: 2%;
}

.gameinquiriesList li:nth-child(3n + 3){
 margin-right: 0;
}

@media screen and (max-width: 1000px) {
 .gameinquiriesList li{
  width: 48%;
 }
 .gameinquiriesList li:nth-child(even){
  margin-right: 0;
 }
 .gameinquiriesList li:nth-child(3n + 3){
  margin-right: 2%;
 }
}

@media screen and (max-width: 768px) {
 .gameinquiriesList li{
  margin-right: 0;
  width: 100%;
 }
}

.gameinquiriesItem{
 color: #7d7d7d;
 font-size: 1.6rem;
 line-height: 1.7;
 font-weight: bold;
 text-align: center;
}

.gameinquiriesBtn{
 color: #212121;
 font-size: 1.8rem;
 line-height: 1.7;
 font-weight: bold;
 max-width: 350px;
 margin: auto;
}

.visionBox{
 margin-bottom: 4rem;
}

.visionTit{
 font-size: 2.4rem;
 line-height: 1.6;
 margin-bottom: 5rem;
 font-weight: 800;
 color: #212121;
 text-align: center;
 letter-spacing: 2;
 font-family: 'Noto Sans JP', sans-serif;
}

.visionTitPoint{
 color: #ff0000;
 font-size: 3.4rem;
 font-weight: 900;
 letter-spacing: 1;
}

.vision .visionTxt{
 font-size: 1.65rem;
 line-height: 2;
 margin-bottom: 3rem;
 text-align: center;
}

@media screen and (max-width: 768px) {
 .visionTit{
  font-size: 2.0rem;
  margin-bottom: 4rem;
 }
 .visionTitPoint{
  font-size: 3.0rem;
 }
 .vision .visionTxt{
  font-size: 1.5rem;
  margin-bottom: 2rem;
  text-align: left;
 }
}

.vision .signature{
 margin-bottom: 0;
}

.vision .signatureTxt01{
 margin-bottom: 10px;
 font-size: 1.4rem;
 display: flex;
 justify-content: flex-end;
 letter-spacing: 1.2;
}

.vision .signatureTxt02{
 margin-bottom: 0;
 font-size: 1.4rem;
 margin-right: 10px;
 letter-spacing: 1.1;
}

.signatureCeo{
 display: flex;
 align-items: center;
 justify-content: flex-end;
 text-align: right;
}

.newsList .news__catgory{
 border-radius: 20px;
 background-color: #ececec;
 display: inline-block;
 padding: 2px 12px;
 font-size: 1.2rem;
 font-weight: bold;
 color: #888;
}


.govemanceSectionTit,
.fanfictionSectionTit{
 margin-bottom: 1.5rem;
 line-height: 1.4;
 font-weight: bold;
 font-size: 1.7rem;
}

.govemanceList,
.fanfictionList{
 background-color: #fff;
 padding: 20px 20px 20px 40px;
}

.govemancebox + .govemancebox {
 margin-top: 5rem;
}

.govemanceList > li,
.fanfictionList > li{
 margin-bottom: 2rem;
}

.govemanceList li:last-child,
.fanfictionList li:last-child{
 margin-bottom: 0;
}

.govemanceList .govemanceTit,
.fanfictionList .fanfictionTit{
 margin-bottom: 1rem;
 line-height: 1.4;
 font-weight: bold;
 font-size: 1.7rem;
}

.govemanceList .govemanceTxt,
.fanfictionList .fanfictionTxt{
 line-height: 1.6;
 font-size: 1.5rem;
 margin-bottom: 0;
}

 .fanfictionSectionTit + .fanfictionTxt{
 font-size: 1.7rem;
 line-height: 1.7;
 margin-bottom: 3rem;
}

@media screen and (max-width: 768px) {
 .fanfictionSectionTit + .fanfictionTxt{
  font-size: 1.6rem;
 }
}

.govemanceBox:last-child .govemanceSectionTit{
 margin-bottom: 1rem;
}

.govemanceBox .govemanceSectionTxt{
 font-size: 1.7rem;
 line-height: 1.7;
 margin-bottom: 1.5rem;
}

@media screen and (max-width: 768px) {
 .govemanceBox .govemanceSectionTxt{
  font-size: 1.6rem;
 }
}

.fanfictionList .simpleList{
 margin-bottom:0;
}

 .fanfictionSubtxt{
 font-size: 1.2rem;
 line-height: 1.5;
 margin-top: 1rem;
 margin-bottom: 0;
}

/*--------career----------*/

.footerMenu img{
 width: auto;
}

#Adopt,
#Employment,
#Company {
  margin-top: -100px;
  padding-top: 100px;
}


.career .tab{
 width: calc(100% / 3);
 padding: 0;
 border:none;
}

.tabContents {
  display: none;
}

.career .tab02Tit {
 width: 100%;
}

.career input[type="radio"] {
 display: none;
}

.career label{
 display: block;
 width: 100%;
 margin-bottom: 0;
 line-height: 3.3;
 cursor: pointer;
 box-sizing: border-box;
 border: solid 1px #cecece;
}

@media screen and (max-width: 768px) {
.career label{
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.4;
  height: 65px;
 }
 .career .tabList{
  padding: 0 15px;
 }
}

#tab-1:checked ~ .careerContents .career__List,
#tab-2:checked ~ .careerContents .career__Style,
#tab-3:checked ~ .careerContents .career__Benefits {
 display: block;
}

#tab-1:checked ~ .tabList label[for="tab-1"],
#tab-2:checked ~ .tabList label[for="tab-2"],
#tab-3:checked ~ .tabList label[for="tab-3"] {
 color: #fff;
 background-color:#000;
 position: relative;
 width: 100%;
}

#tab-1:checked ~ .tabList .tab01,
#tab-2:checked ~ .tabList .tab02,
#tab-3:checked ~ .tabList .tab03 {
  border:none;
}

#tab-1:checked ~ .tabList label[for="tab-1"]:after,
#tab-2:checked ~ .tabList label[for="tab-2"]:after,
#tab-3:checked ~ .tabList label[for="tab-3"]:after {
 content: "";
 position: absolute;
 bottom: -10px;
 left: calc(50% - 20px);
 border-top: 30px solid #000;
 border-right: 20px solid transparent;
 border-left: 20px solid transparent;
}

@media screen and (max-width: 768px) {
#tab-1:checked ~ .tabList label[for="tab-1"]:after,
#tab-2:checked ~ .tabList label[for="tab-2"]:after,
#tab-3:checked ~ .tabList label[for="tab-3"]:after {
 bottom: -10px;
 left: calc(50% - 16px);
 border-top: 26px solid #000;
 border-right: 16px solid transparent;
 border-left: 16px solid transparent;
 }
}


/*# sourceMappingURL=style.css.map */


/*--トップ画像のload時の不具合--*/
/*.slick-dotted.slick-slider{
 opacity: 0!important;
 transition: opacity 0.3s linear;
}
.slick-dotted.slick-slider.slick-initialized{
 opacity: 1!important;
}*/

.topPc .topSlideBox{
 position: relative;
 overflow: hidden;
}

.topPc .topSlideBox:after{
 content: "";
 display: block;
 background: #eee;
 position: absolute;
 top: 0;
 z-index: -1;
}

.topPc .topSlide{
 margin-right: auto;
 margin-left: auto;
 width: 1110px;
 position: relative;
}



.slick-list {
 overflow: visible !important;
}
.img-fluid{
 max-width: 98%;
}

.topPc .slideArrow--left{
 left: 30;
}

.topPc .slideArrow--right{
 right: 30;
}

.pure-drawer{
 overflow: scroll;
}

.lowerpage.launcher main .launcher__store.dis__pc{
 height: 64.75px;
}

@media screen and (min-width: 1200px) {
 .games main > .container{
  padding: 0;
 }
}

.games main > .container .img-fluid,
.top .img-fluid{
 max-width: 100%;
}


.games p{
 margin-bottom: 1.5rem;
}

.contentsBox--gray .container{
 margin-left: auto;
 margin-right: auto;
 padding: 0;
}

@media screen and (max-width: 1200px) {
 .contentsBox--gray .container{
  padding-right: 15px;
  padding-left: 15px;
 }
}

.news #ss_list{
 padding: 0;
}

.contactMail{
 justify-content: space-between;
 margin: auto;
 }

@media screen and (max-width: 1200px) {
 .contactMail{
  justify-content: flex-start;
 }
 .contactMail > div{
  width: 50%;
  margin-bottom: 2rem;
 }
  .contactMail > div:last-child{
  margin-bottom: 0;
 }
}

 @media screen and (max-width: 600px) {
 .contactMail{
  display: block;
 }
 .contactMail > div{
  width: 100%;
 }
}

@media screen and (max-width: 1200px) {
.topPc .newsList .col-3{
  max-width: 33%;
  flex: 0 0 33%;
 }
}

@media screen and (max-width: 767px) {
.topPc .newsList .col-3{
  max-width: 50%;
  flex: 0 0 50%;
 }
.topPc .service .col-3{
  max-width: calc(100% / 3);
  flex: 0 0 33%;
 }
}

@media screen and (max-width: 450px) {
.topPc .service .col-3{
  max-width: 50%;
  flex: 0 0 50%;
 }
}

@media screen and (max-width: 320px) {
.topPc .newsList .col-3{
  max-width: 100%;
  flex: 0 0 100%;
 }
}


@media screen and (max-width: 1140px) {
 .topPc .topSlide{
  width: 100%;
  height: 507.15px !important;
  min-width: inherit;
 }
}

@media screen and (max-width: 1050px) {
 .topPc .topSlide{
  height: 470px !important;
 }
}
@media screen and (max-width: 950px) {
 .topPc .topSlide{
  height: 440px !important;
 }
}
@media screen and (max-width: 900px) {
 .topPc .topSlide{
  height: 410px !important;
 }
}
@media screen and (max-width: 850px) {
 .topPc .topSlide{
  height: 380px !important;
 }
}
@media screen and (max-width: 800px) {
 .topPc .topSlide{
  height: 350px !important;
 }
}
@media screen and (max-width: 750px) {
 .topPc .topSlide{
  height: 340px !important;
 }
}
@media screen and (max-width: 700px) {
 .topPc .topSlide{
  height: 320px !important;
 }
}
@media screen and (max-width: 650px) {
 .topPc .topSlide{
  height: 300px !important;
 }
}
@media screen and (max-width: 600px) {
 .topPc .topSlide{
  height: 270px !important;
 }
}
@media screen and (max-width: 550px) {
 .topPc .topSlide{
  height: 280px !important;
 }
}
@media screen and (max-width: 500px) {
 .topPc .topSlide{
  height: 250 !important;
 }
}
@media screen and (max-width: 450px) {
 .topPc .topSlide{
  height: 230px !important;
 }
}
@media screen and (max-width: 400px) {
 .topPc .topSlide{
  height: 200px !important;
 }
}
@media screen and (max-width: 350px) {
 .topPc .topSlide{
  height: 180px !important;
 }
}
@media screen and (max-width: 300px) {
 .topPc .topSlide{
  height: 170px !important;
 }
}