@charset "UTF-8";

div#g-header div#menu-btn {
  display: none;
}
@media screen and (max-width: 850px) {
  html,
  body {
    /*height: auto;*/
    background: none;
  }
  #wrap {
    /*min-height: auto;*/
    background: none !important;
  }
  #contents {
    /*	padding: 0;*/
  }
  /* menu_btn
------------------------------------------------------------ */
  input#nav-toggle:checked ~ #wrap #g-header #menu-btn label {
    background: url(/img_corporate/bg_sp_header_open.png) no-repeat center
      bottom;
    background-size: 10px 5px;
  }
  input#nav-toggle:checked ~ #wrap #g-header #menu-area {
    display: block;
    max-height: 1000px;
  }
  /* header
------------------------------------------------------------ */
  div#g-header {
    min-width: auto !important;
    height: auto !important;
    background: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    overflow: unset;
  }
  div#g-header .inner {
    width: 100%;
  }
  div#g-header .inner #ttl-area {
    display: flex;
    align-items: center;
    position: relative;
    width: auto;
    padding: 0;
    border-bottom: 4px solid #ffcc33;
    background: linear-gradient(to bottom, #002d59 0%, #000000 100%);
    z-index: 10;
  }
  div#g-header .inner #ttl-area #logo {
    padding: 3px 0;
  }
  div#g-header .inner #ttl-area #logo h1 {
    margin: 0 0 0 10px;
    line-height: 1;
  }
  div#g-header .inner #ttl-area #logo h1 a {
    display: block;
  }
  div#g-header .inner #ttl-area #logo h1 img {
    width: 149px;
    height: 28px;
  }
  /*menu*/
  div#g-header .inner #menu-btn {
    display: block !important;
    width: 87px;
    height: 55px;
    margin: 0 0 0 auto;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
  }
  div#g-header .inner #menu-btn label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 87px;
    height: 55px;
  }
  div#g-header .inner #menu-area {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s ease-out;
  }
  div#g-header .inner #menu-area .nav ul {
    position: static;
    padding: 0;
    background: none;
  }
  div#g-header .inner #menu-area .nav ul#global-navi li {
    position: relative;
    float: none;
    padding: 0;
    border-bottom: 1px solid #ffe780;
    background: #ffce00;
    font-size: 16px;
  }
  div#g-header .inner #menu-area .nav ul#global-navi li a {
    display: flex;
    align-items: center;
    height: 45px;
    margin: 0 10px 0 0;
    padding: 0 0 0 10px;
    background: url(/img_corporate/menu_arrow01.png) no-repeat right center;
    background-size: 7px 11px;
    color: #000;
    text-decoration: none;
  }
  div#g-header .inner #menu-area .nav ul li a img {
    display: none;
  }
  div#g-header
    .inner
    #menu-area
    .nav
    ul#global-navi
    li:nth-of-type(1)
    a::before {
    content: "商品情報";
  }
  div#g-header
    .inner
    #menu-area
    .nav
    ul#global-navi
    li:nth-of-type(2)
    a::before {
    content: "アミューズメント施設情報";
  }
  div#g-header
    .inner
    #menu-area
    .nav
    ul#global-navi
    li:nth-of-type(3)
    a::before {
    content: "投資家(IR)・会社情報";
  }
  div#g-header
    .inner
    #menu-area
    .nav
    ul#global-navi
    li:nth-of-type(4)
    a::before {
    content: "採用情報";
  }
  div#g-header
    .inner
    #menu-area
    .nav
    ul#global-navi
    li:nth-of-type(5)
    a::before {
    content: "サポート情報";
  }
  div#g-header .inner #menu-area .nav ul#utility-navi li {
    position: relative;
    float: none;
    padding: 0;
    border-bottom: 1px solid #ffcf00;
    font-size: 14px;
  }
  div#g-header .inner #menu-area .nav ul#utility-navi li a {
    display: flex;
    align-items: center;
    height: 45px;
    margin: 0 10px 0 0;
    padding: 0 0 0 10px;
    background: url(/img_corporate/menu_ico01.png) no-repeat right center;
    background-size: 11px 9px;
    color: #000;
    text-decoration: none;
  }
  .header-btm {
    display: none;
  }
  .Header-Beam-Yellow {
    width: 100% !important;
    height: auto !important;
    margin: 0 0 20px !important;
    border-bottom: 5px solid #3c558f;
    background: #fff !important;
  }
  .Header-Beam-Yellow .btn-Home {
    display: none;
  }
  .Header-Beam-Yellow h2.ContentsTitle {
    width: 100%;
    top: 0;
    left: 0;
    box-shadow: 0 6px 4px rgba(0, 0, 0, 0.3);
  }
  .Header-Beam-Yellow h2.ContentsTitle a {
    display: flex;
    align-items: center;
    min-height: 54px;
    padding: 0 0 0 15px;
    box-sizing: border-box;
    color: #2f3e46;
    font-size: 21px;
    font-weight: bold;
    text-decoration: none;
  }
  .Line-top,
  #main_contents {
    display: none;
  }
  /* footer
------------------------------------------------------------ */
  #footer-navi,
  .Footer-Beam {
    display: none;
  }
  #PageTop-Footer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 30px) !important;
    margin: 10px 15px 0;
    margin-bottom: 0 !important;
    padding: 0;
    border-radius: 4px;
    border: 1px solid #ccc;
    background: #fff !important;
  }
  #PageTop-Footer p.btn-Home,
  .Footer-Beam p.btn-Home {
    width: auto;
    top: 0;
    left: 0;
  }
  #PageTop-Footer a,
  .Footer-Beam a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 0;
    color: #333;
    font-size: 14px;
    text-decoration: none;
  }
  #footer {
    position: relative;
    bottom: auto;
    min-width: 100% !important;
    padding: 15px 0 0 !important;
    background: none;
    border-top: none;
    box-shadow: none;
    font-family: sans-serif;
    text-align: left !important;
  }
  #footer .inner {
    width: 100% !important;
    padding: 0 !important;
    color: #fff;
  }
  #footer .inner::after {
    display: none;
  }
  #footer .inner ul {
    float: none;
    border-top: 1px solid #ccc;
  }
  #footer .inner li {
    display: block;
    padding: 0;
    border-bottom: 1px solid #ccc;
  }
  #footer .inner li a {
    display: flex;
    align-items: center;
    height: 50px;
    margin: 0 10px 0 0;
    padding: 0 0 0 10px;
    background: url(/img_corporate/menu_arrow02.png) no-repeat right center;
    background-size: 10px 15px;
    color: #000;
    font-size: 14px;
  }
  #footer .inner p.copyright {
    float: none;
    padding: 13px 0 25px;
    background: #000;
    color: #fff;
    font-size: 14px;
    text-align: center;
  }
  /* contents - top
------------------------------------------------------------ */
  div.main-area {
    width: 100% !important;
    padding: 6px 0 !important;
    box-sizing: border-box;
    background: none !important;
  }
  div.main-area h1 {
    margin: 0 0 20px 0;
    font-size: 1.5rem;
  }
  div.main-area h1.game_title {
    border-bottom: 3px solid #4093e7;
    padding: 10px 20px 5px;
  }
  div.main-area h3 {
    margin: 0 0 10px !important;
    font-size: 1.4rem !important;
    font-weight: bold !important;
    line-height: 1 !important;
  }
  div.main-area div.info-news {
    margin: 0;
    padding: 3px 15px;
    background: none;
  }
  /* 総合TOPのニュース */
  div.main-area section.news {
    width: 96vw;
    margin: 0 auto 20px auto;
  }
  div.main-area section.news div.box {
    margin: 0 0 10px;
  }
  div.main-area section.news h2 {
    font-size: 1.2rem;
  }
  div.main-area section.news p.archive {
    top: 7px;
  }
  div.main-area section.news table tr td {
    flex: 1;
  }
  /* 総合TOPのコンテンツ */
  div.main-area section.contents {
    max-height: 90px;
  }
  div.main-area section.contents label {
    height: 90px;
    margin: 0 0 15px;
    /*padding: 0 50px;*/
  }
  div.main-area section.contents h2 {
    font-size: 1.5rem;
    line-height: 1.6rem;
    letter-spacing: 0;
  }
  div.main-area section.contents h2::before {
    right: 10px;
    width: 30px;
  }
  div.main-area section.contents h2::after {
    right: 22.5px;
    height: 30px;
  }
  div.main-area section.contents h2 span {
    font-size: 1rem;
  }
  div.main-area section.contents h2 br:last-of-type {
    display: inline;
  }
  div.main-area section.contents ul.content_list {
    justify-content: space-between;
    margin: 0 10px;
  }
  div.main-area section.contents ul.content_list li.content_list_elem {
    width: 48%;
    height: 180px;
    margin: 0 1% 15px 1%;
  }
  div.main-area section.contents ul.content_list li.content_list_elem a.pc {
    display: none;
  }
  div.main-area section.contents ul.content_list li.content_list_elem a.sp {
    display: flex;
  }
  div.main-area
    section.contents
    ul.content_list
    li.content_list_elem:nth-of-type(3n) {
    margin: 0 1% 15px 1%;
  }
  div.main-area
    section.contents
    ul.content_list
    li.content_list_elem
    div.content_text
    h4 {
    font-size: 1.3rem;
    line-height: 1.6rem;
  }
  /* 家庭用ゲームTOPのニュース*/
  div.main-area div.game-news {
    width: 96vw;
    margin: 0 auto 30px auto;
    padding: 15px;
  }
  div.main-area div.game-news div:first-child {
    margin: 0 0 30px;
  }
  div.main-area div.game-news h2 {
    font-size: 1.1rem;
  }
  /* 家庭用ゲーム以外のお問い合わせ */
  div.main-area section.contact-us {
    padding: 0 0 30px;
    border-bottom: 1px solid #ccc;
    background: none;
    width: 100%;
  }
  div.main-area section.contact-us div {
    flex-flow: column;
    padding: 20px 20px 0 20px;
  }
  div.main-area section.contact-us div ul {
    margin: 0 0 30px;
  }
  div.main-area section.contact-us div ul li {
    font-size: 1rem;
  }
  div.main-area section.contact-us h3 {
    display: flex;
    align-items: center;
    height: 46px;
    padding: 6px 15px 6px 15px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: -webkit-gradient(
        linear,
        0% 0%,
        0% 100%,
        from(rgb(255, 255, 255)),
        to(rgb(230, 230, 230))
      )
      0px 0px repeat scroll rgb(255, 255, 255);
    box-sizing: border-box;
  }
  div.main-area section.contact-us h3::before {
    content: "家庭用ゲーム以外のお問い合わせ";
    color: rgb(47, 62, 70);
    font-size: 1rem;
    font-weight: bold;
    line-height: 140%;
  }
  div.main-area section.contact-us h3 img {
    display: none;
  }
  div.main-area section.contact-us p.link a img {
    display: none;
  }
  /*サポートインフォメーション / 重要なお知らせ*/
  div.main-area div.info-news div.support-box,
  div.main-area div.info-news div.important-box {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 40px;
    background: none;
  }
  div.main-area div.info-news div.support-box .archive,
  div.main-area div.info-news div.important-box .archive {
    display: flex;
    justify-content: flex-end;
    position: relative;
    top: auto;
    right: auto;
    margin: 0.3em 0;
  }
  div.main-area div.info-news div.support-box dl,
  div.main-area div.info-news div.important-box dl {
    padding: 0;
  }
  div.main-area div.info-news div.support-box dl dt,
  div.main-area div.info-news div.important-box dl dt {
    margin: 0;
    color: #2f3e46;
    font-family: sans-serif;
    font-size: small;
    line-height: 140%;
  }
  div.main-area div.info-news div.support-box dl dd,
  div.main-area div.info-news div.important-box dl dd {
    display: block;
    margin: 0 0 15px;
    color: #2f3e46;
    font-size: 1rem;
    line-height: 140%;
  }
  /*よくあるご質問*/
  div.main-area div.faq-main {
    margin: 0;
    background: none;
  }
  div.main-area div.faq-main h3 {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 0 20px !important;
    padding: 14px 15px;
    border-bottom: 2px solid #3c558f;
  }
  div.main-area > h3 {
    padding: 10px 15px !important;
  }
  div.main-area div.faq-main h3,
  div.main-area > h3 {
    color: #2f3e46;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 140%;
  }
  /*検索ボックス*/
  div.main-area #search-toggle:checked ~ label.search-openbutton {
    filter: brightness(0.9);
  }
  div.main-area label.search-openbutton {
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 5px;
    right: 10px;
    width: 110px;
    height: 22px;
    padding: 5px 8px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background: -webkit-gradient(
        linear,
        0% 0%,
        0% 100%,
        from(rgb(255, 255, 255)),
        to(rgb(230, 230, 230))
      )
      0px 0px repeat scroll rgb(255, 255, 255);
    font-size: 14px;
    transition: filter 0.3s;
  }
  div.main-area #search-toggle:checked ~ div.in-search {
    max-height: 1000px;
    margin: 0 15px 20px;
  }
  div.main-area div.in-search {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    max-height: 0;
    margin: 0 15px;
    transition: max-height 0.3s, margin 0.3s;
    overflow: hidden;
  }
  div.main-area div.in-search form .ie-radius {
    display: flex;
  }
  div.main-area div.in-search form input#search-form-query {
    width: 100% !important;
    margin: 0 10px 0 0;
    padding: 5px 5px 5px 30px !important;
  }
  div.main-area div.in-search form input#search-form-submit {
    margin: 0 !important;
  }
  /*最近多いご質問*/
  div.main-area div.faq-main div.most-recent h4 {
    display: flex;
    align-items: center;
    height: 48px;
    margin: 0;
    padding: 0 15px;
    border-top: 1px solid #edb9d3;
    border-bottom: 1px solid #edb9d3;
    background: rgb(253, 242, 247);
  }
  div.main-area div.faq-main div.most-recent h4::before {
    display: block;
    content: "最近多いご質問";
    color: rgb(225, 58, 148);
    font-size: 1rem;
    font-weight: bold;
  }
  div.main-area div.faq-main div.most-recent h4 img {
    display: none;
  }
  div.main-area div.faq-main div.most-recent p.icon-list {
    position: absolute;
    top: 15px;
    left: 140px;
  }
  div.main-area div.faq-main div.most-recent p.icon-list a {
    display: inline-block;
  }
  div.main-area div.faq-main div.most-recent dl {
    width: calc(100% - 30px);
    margin: 15px 15px 0;
    border: none;
    background: none;
    box-sizing: border-box;
  }
  div.main-area div.faq-main div.most-recent dl dt {
    margin: 0 0 8px;
    padding: 0;
    color: rgb(47, 62, 70);
    font-family: sans-serif;
    line-height: 140%;
  }
  div.main-area div.faq-main div.most-recent dl dt img {
    margin: 0 6px 0 0;
  }
  div.main-area div.faq-main div.most-recent dl dd {
    margin: 0 0 20px;
    padding: 0;
    border-bottom: none;
    background: none;
    color: rgb(47, 62, 70);
    font-size: 1rem;
    line-height: 140%;
  }
  div.main-area div.faq-main div.most-recent dl dd a {
    color: rgb(47, 62, 70);
    text-decoration: none;
  }
  div.main-area div.faq-main div.most-recent .float-window.w-01 {
    position: absolute;
    top: -175px;
    right: 50%;
    transform: translateX(50%);
  }
  /*ゲームに関するご質問*/
  div.main-area div.faq-main div.game {
    background: none;
    padding: 0;
  }
  div.main-area div.faq-main div.game h4 {
    display: flex;
    align-items: center;
    height: 48px;
    margin: 0;
    padding: 0 15px;
    border-top: 1px solid #a9c9ea;
    border-bottom: 1px solid #a9c9ea;
    background: rgb(241, 247, 252);
  }
  div.main-area div.faq-main div.game h4::before {
    display: block;
    content: "ゲームに関するご質問";
    color: rgb(31, 133, 220);
    font-size: 1rem;
    font-weight: bold;
  }
  div.main-area div.faq-main div.game h4 img {
    display: none;
  }
  /* 機種別に探す / タイトル別に探す */
  #platform-toggle:checked
    ~ #wrap
    div.main-area
    div.faq-main
    div.game
    div.by-model,
  #title-toggle:checked
    ~ #wrap
    div.main-area
    div.faq-main
    div.game
    div.by-title
    div.syllabary,
  #platform-toggle:checked ~ #wrap div.main-area div.side div.game div.by-model,
  #title-toggle:checked
    ~ #wrap
    div.main-area
    div.side
    div.game
    div.by-title
    div.syllabary {
    max-height: 1000px;
  }
  #platform-toggle:checked
    ~ #wrap
    div.main-area
    div.faq-main
    div.game
    div.by-model
    h5::after,
  #title-toggle:checked
    ~ #wrap
    div.main-area
    div.faq-main
    div.game
    div.by-title
    h5::after,
  #platform-toggle:checked
    ~ #wrap
    div.main-area
    div.side
    div.game
    div.by-model
    h5::after,
  #title-toggle:checked
    ~ #wrap
    div.main-area
    div.side
    div.game
    div.by-title
    h5::after {
    display: none;
  }
  div.main-area div.faq-main div.game div.by-model,
  div.main-area div.faq-main div.game div.by-title,
  div.main-area div.side div.game div.by-model,
  div.main-area div.side div.game div.by-title {
    width: 100%;
    margin: 0;
  }
  div.main-area div.faq-main div.game div.by-model,
  div.main-area div.side div.game div.by-model {
    max-height: 46px;
    overflow: hidden;
    transition: max-height 0.8s ease;
  }
  div.main-area div.faq-main div.game div.by-title div.syllabary,
  div.main-area div.side div.game div.by-title div.syllabary {
    display: block;
    max-height: 0;
    margin: 0 0 15px;
    overflow: hidden;
    transition: max-height 0.8s ease;
  }
  div.main-area div.faq-main div.game div.by-model h5 label,
  div.main-area div.faq-main div.game div.by-title h5 label,
  div.main-area div.side div.game div.by-model h5 label,
  div.main-area div.side div.game div.by-title h5 label {
    display: flex;
    align-items: center;
    position: relative;
    height: 45px;
    padding: 0 40px 0 15px;
    border-bottom: 1px solid #ccc;
  }
  div.main-area div.faq-main div.game div.by-model h5 label::before,
  div.main-area div.faq-main div.game div.by-title h5 label::before,
  div.main-area div.side div.game div.by-model h5 label::before,
  div.main-area div.side div.game div.by-title h5 label::before {
    display: block;
    content: "機種別に探す";
    color: rgb(63, 80, 143);
    font-size: 1rem;
    font-weight: bold;
  }
  div.main-area div.faq-main div.game div.by-title h5 label::before,
  div.main-area div.side div.game div.by-title h5 label::before {
    content: "タイトル別に探す";
  }
  div.main-area div.faq-main div.game div.by-model h5,
  div.main-area div.faq-main div.game div.by-title h5,
  div.main-area div.side div.game div.by-model h5,
  div.main-area div.side div.game div.by-title h5 {
    position: relative;
  }
  div.main-area div.faq-main div.game div.by-model h5::before,
  div.main-area div.faq-main div.game div.by-title h5::before,
  div.main-area div.side div.game div.by-model h5::before,
  div.main-area div.side div.game div.by-title h5::before,
  div.main-area div.faq-main div.game div.by-model h5::after,
  div.main-area div.faq-main div.game div.by-title h5::after,
  div.main-area div.side div.game div.by-model h5::after,
  div.main-area div.side div.game div.by-title h5::after {
    display: block;
    content: "";
    position: absolute;
    background: rgb(63, 80, 143);
  }
  div.main-area div.faq-main div.game div.by-model h5::before,
  div.main-area div.faq-main div.game div.by-title h5::before,
  div.main-area div.side div.game div.by-model h5::before,
  div.main-area div.side div.game div.by-title h5::before {
    top: 50%;
    right: 10px;
    width: 14px;
    height: 2px;
    transform: translateY(-50%);
  }
  div.main-area div.faq-main div.game div.by-model h5::after,
  div.main-area div.faq-main div.game div.by-title h5::after,
  div.main-area div.side div.game div.by-model h5::after,
  div.main-area div.side div.game div.by-title h5::after {
    top: 50%;
    right: 16px;
    width: 2px;
    height: 14px;
    transform: translateY(-50%);
  }
  /*
div.main-area div.faq-main div.game div.by-model h5 label::after,
div.main-area div.faq-main div.game div.by-title h5 label::after,
div.main-area div.side div.game div.by-model h5 label::after,
div.main-area div.side div.game div.by-title h5 label::after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid rgb(63, 80, 143);
	box-sizing: border-box;
	transform: rotate(90deg) translateY(-50%);
	transform-origin: center;
}
*/
  div.main-area div.faq-main div.game div.by-model h5 img,
  div.main-area div.faq-main div.game div.by-title h5 img,
  div.main-area div.side div.game div.by-model h5 img,
  div.main-area div.side div.game div.by-title h5 img {
    display: none;
  }
  /*機種別に探す*/
  div.main-area div.faq-main div.game div.by-model {
    font-size: 0;
  }
  #wrap div.main-area div.faq-main div.game div.by-model ul {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
  }
  #wrap div.main-area div.faq-main div.game div.by-model li {
    width: 100%;
  }
  #wrap div.main-area div.faq-main div.game div.by-model li a {
    display: flex;
    align-items: center;
    position: relative;
    width: 100% !important;
    height: 44px !important;
    padding: 6px 40px 6px 15px !important;
    box-sizing: border-box;
    font-size: 16px;
    text-decoration: none;
  }
  #wrap div.main-area div.faq-main div.game div.by-model ul li a::before {
    display: none;
  }
  #wrap div.main-area div.faq-main div.game div.by-model ul li a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 6px;
    border-top: 3px solid rgb(63, 80, 143);
    border-right: 3px solid rgb(63, 80, 143);
    transform: rotate(45deg) translateY(-50%);
  }
  /*タイトル別に探す*/
  div.main-area div.faq-main div.game div.by-title div.syllabary,
  div.main-area div.side div.game div.by-title div.syllabary {
    float: none;
    width: 100%;
  }
  div.main-area div.faq-main div.game div.by-title div.syllabary h6,
  div.main-area div.side div.game div.by-title div.syllabary h6 {
    display: none;
  }
  #wrap div.main-area div.faq-main div.game div.by-title div.syllabary ul,
  #wrap div.main-area div.side div.game div.by-title div.syllabary ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    border: none;
  }
  #wrap div.main-area div.faq-main div.game div.by-title div.syllabary ul li,
  #wrap div.main-area div.side div.game div.by-title div.syllabary ul li {
    width: 20%;
    border: none;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    box-sizing: border-box;
    list-style: none;
  }
  #wrap div.main-area div.faq-main div.game div.by-title div.syllabary ul li a,
  #wrap div.main-area div.side div.game div.by-title div.syllabary ul a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 28.375px;
    background: -webkit-gradient(
        linear,
        0% 0%,
        0% 100%,
        from(rgb(255, 255, 255)),
        to(rgb(230, 230, 230))
      )
      0px 0px repeat scroll rgb(255, 255, 255);
    color: #3c558f;
    font-size: 1rem;
    font-weight: bold;
    text-decoration: none;
  }
  /* 最近質問の多いゲームタイトル */
  div.main-area div.faq-main div.game div.by-title div.recent,
  div.main-area div.side div.game div.by-title div.recent {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
  }
  div.main-area div.faq-main div.game div.by-title div.recent h6,
  div.main-area div.side div.game div.by-title div.recent h6 {
    margin: 6px 15px;
  }
  div.main-area div.faq-main div.game div.by-title div.recent h6::before,
  div.main-area div.side div.game div.by-title div.recent h6::before {
    display: block;
    content: "最近質問の多いゲームタイトル";
    color: rgb(63, 80, 143);
    font-size: 1rem;
    font-weight: bold;
  }
  div.main-area div.faq-main div.game div.by-title div.recent h6 img,
  div.main-area div.side div.game div.by-title div.recent h6 img {
    display: none;
  }
  div.main-area div.faq-main div.game div.by-title div.recent .icon-list,
  div.main-area div.side div.game div.by-title div.recent .icon-list {
    display: none;
  }
  div.main-area div.faq-main div.game div.by-title div.recent #box-manyq,
  div.main-area div.side div.game div.by-title div.recent #box-manyq {
    margin: 0 0 15px;
    padding: 6px 15px;
  }
  div.main-area div.faq-main div.game div.by-title div.recent #box-manyq li,
  div.main-area div.side div.game div.by-title div.recent #box-manyq li {
    margin: 3px 0;
  }
  div.main-area div.faq-main div.game div.by-title div.recent #box-manyq li a,
  div.main-area div.side div.game div.by-title div.recent #box-manyq li a {
    color: #2f3e46;
    font-size: 1rem;
    text-decoration: none;
    line-height: 140%;
  }
  /* ご注意ください */
  div.main-area div.faq-main div.game div.caution {
    display: block;
    float: none;
    width: calc(100% - 30px);
    height: auto;
    margin: 15px;
    padding: 6px 15px;
    background: none;
    box-sizing: border-box;
    font-size: 0.8rem;
    line-height: 140%;
  }
  div.main-area div.faq-main div.game div.caution ul {
    padding: 0;
  }
  div.main-area div.faq-main div.game div.caution ul::before {
    display: inline-block;
    content: "ご注意ください";
    color: #ff0000;
    font-weight: bold;
    border-bottom: 1px solid #ff0000;
  }
  div.main-area div.faq-main div.game div.caution ul li {
    margin: 1em 0;
  }
  /*お楽しみ & お役立ち情報*/
  div.main-area div.faq-main div.game div.fun-and-useful {
    display: block;
    float: none;
    width: 100%;
    margin: 15px 0;
    padding: 0;
    background: none;
    font-size: 0.8rem;
    line-height: 140%;
  }
  div.main-area div.faq-main div.game div.fun-and-useful h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 46px;
    margin: 0 !important;
    padding: 6px 15px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: -webkit-gradient(
        linear,
        0% 0%,
        0% 100%,
        from(rgb(254, 235, 166)),
        to(rgb(230, 212, 149))
      )
      0px 0px repeat scroll rgb(254, 235, 166);
    box-sizing: border-box;
  }
  div.main-area div.faq-main div.game div.fun-and-useful h3::before {
    content: "お楽しみ & お役立ち情報";
  }
  div.main-area div.faq-main div.game div.fun-and-useful h3 img {
    display: none;
  }
  div.main-area div.faq-main div.game div.fun-and-useful li a {
    display: block;
    position: relative;
    padding: 1.5em 40px 1.5em 15px;
    border-bottom: 1px solid #ccc;
    background: rgb(255, 242, 204);
    text-decoration: none;
  }
  div.main-area div.faq-main div.game div.fun-and-useful li a::before {
    display: block;
    color: #3c558f;
    font-size: 1rem;
    font-weight: bold;
    text-align: left;
  }
  div.main-area
    div.faq-main
    div.game
    div.fun-and-useful
    li:nth-of-type(1)
    a::before {
    content: "ゲーム情報（発売予定・キャンペーン・イベントなど）";
  }
  div.main-area
    div.faq-main
    div.game
    div.fun-and-useful
    li:nth-of-type(2)
    a::before {
    content: "攻略本情報";
  }
  div.main-area div.faq-main div.game div.fun-and-useful li a img {
    display: none;
  }
  div.main-area div.faq-main div.game div.fun-and-useful li a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 6px;
    border-top: 3px solid rgb(63, 80, 143);
    border-right: 3px solid rgb(63, 80, 143);
    transform: rotate(45deg) translateY(-50%);
  }

  /* contents - info / support / important
------------------------------------------------------------ */
  #wrap div.main-area h3.info,
  #wrap div.main-area h3.important {
    padding: 6px 15px 20px !important;
    border-bottom: 1px solid #ccc;
    color: #2f3e46;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
  }
  #wrap div.main-area h3.important {
    color: #cc0000;
  }
  #wrap div.main-area .log_list ul {
    padding: 0;
    background: none;
  }
  #wrap div.main-area .log_list ul li {
    position: relative;
    padding: 0;
    border-bottom: 1px solid #ccc;
    background: none;
  }
  #wrap div.main-area .log_list ul li span {
    display: block;
    position: absolute;
    top: 6px;
    left: 15px;
    color: #2f3e46;
    font-size: 100%;
  }
  #wrap div.main-area .log_list ul li a {
    display: block;
    position: relative;
    padding: 1.5em 40px 6px 15px;
    color: #2f3e46;
    font-size: 1rem;
    text-decoration: none;
  }
  #wrap div.main-area .log_list ul li a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 6px;
    border-top: 3px solid rgb(63, 80, 143);
    border-right: 3px solid rgb(63, 80, 143);
    transform: rotate(45deg) translateY(-50%);
  }
  /* contents - info-detail
------------------------------------------------------------ */
  #wrap div.main-area h3.detail {
    padding: 6px 15px 50px !important;
  }
  #wrap div.main-area .archive-list {
    position: absolute;
    top: 40px;
    right: 15px;
  }
  #wrap div.main-area .entry {
    background: none;
  }
  #wrap div.main-area .entry .title {
    padding: 0.5em 15px;
    background: none;
  }
  #wrap div.main-area .entry .title .date {
    margin: 0.3em 0;
    color: #2f3e46;
    font-size: 80%;
  }
  #wrap div.main-area .entry .text {
    padding: 0.5em 15px;
  }
  /* contents - improve
------------------------------------------------------------ */
  #wrap div.main-area h3.improve {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
  }
  #wrap div.main-area .long-time,
  #wrap div.main-area .treatment {
    margin: 0;
    padding: 0;
    background: none;
  }
  #wrap div.main-area .long-time h4,
  #wrap div.main-area .treatment h4 {
    display: flex;
    align-items: center;
    height: 60px;
    padding: 6px 15px;
    border-bottom: 1px solid #ccc;
    background: -webkit-gradient(
        linear,
        0% 0%,
        0% 100%,
        from(rgb(255, 255, 255)),
        to(rgb(230, 230, 230))
      )
      0px 0px repeat scroll rgb(255, 255, 255);
    box-sizing: border-box;
  }
  #wrap div.main-area .treatment h4 {
    padding: 6px 100px 6px 15px;
    border-top: 1px solid #ccc;
  }
  #wrap div.main-area .long-time h4:before,
  #wrap div.main-area .treatment h4:before {
    content: "ゲームソフトを長く遊んでいただくために・・・";
    color: #2f3e46;
    font-size: 1rem;
    font-weight: bold;
    line-height: 140%;
  }
  #wrap div.main-area .long-time h4 img,
  #wrap div.main-area .treatment h4 img {
    display: none;
  }
  div.float-window.w-01 {
    right: 50% !important;
    transform: translateX(50%);
  }
  #wrap div.main-area .long-time .inbox,
  #wrap div.main-area .treatment .inbox {
    padding: 15px;
    border: none;
    background: none;
  }
  #wrap div.main-area .treatment .read {
    padding: 0 0 20px;
  }
  #wrap div.main-area .long-time .section,
  #wrap div.main-area .treatment .section {
    display: block;
    fload: none;
    width: auto;
    margin: 0 0 20px;
    padding: 0;
  }
  /* contents - faq-detail
------------------------------------------------------------ */
  #wrap div.main-area div.main {
    display: block;
    float: none;
    width: 100%;
  }
  #wrap div.main-area div.main p.location {
    padding: 15px 15px 5px;
    border-top: 1px solid #ccc;
  }
  #wrap div.main-area div.main div.head {
    margin: 0 0 20px;
    padding: 0;
    border: none;
    border-bottom: 3px solid #4295e9;
    background: none !important;
  }
  #wrap div.main-area div.main div.head h4 {
    padding: 0 15px 10px 15px;
    background: none;
  }
  #wrap div.main-area div.main div.head #btnOfficial,
  #wrap div.main-area div.main div.head #btnOfficial img {
    position: unset;
    top: auto;
    right: auto;
    left: auto;
  }
  #wrap div.main-area div.main div.head #btnOfficial {
    margin: 0 15px 10px;
  }
  #wrap div.main-area div.main div.head div.category {
    padding: 0 15px;
  }
  div.main-area div.main div.head #gyou_index,
  div.main-area div.main div.head #platform_index {
    padding: 10px 15px;
    border: none;
    background: none;
    text-align: left;
  }
  div.main-area div.main div.head #gyou_index a,
  div.main-area div.main div.head #platform_index {
    margin: 0 5px;
    color: #3f508f;
    font-size: 0.9rem;
    text-decoration: none;
  }
  div.main-area div.main div#aLotOf {
    margin: 0;
    padding: 0;
    background: none;
  }
  div.main-area div.main div#aLotOf h5 {
    display: flex;
    align-items: center;
    height: 48px;
    margin: 0;
    padding: 0 15px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: -webkit-gradient(
      linear,
      center top,
      center bottom,
      from(#fff),
      to(#fbe0ef)
    );
  }
  div.main-area div.main div#fullList h5 {
    display: flex;
    align-items: center;
    height: 48px;
    margin: 0;
    padding: 0 15px;
    border-top: 1px solid #a9c9ea;
    border-bottom: 1px solid #a9c9ea;
    background: rgb(241, 247, 252);
  }
  div.main-area div.main div#aLotOf h5::before,
  div.main-area div.main div#fullList h5::before {
    display: block;
    font-size: 1rem;
    font-weight: bold;
  }
  div.main-area div.main div#aLotOf h5::before {
    content: "多いご質問";
    color: #df3b91;
  }
  div.main-area div.main div#fullList h5::before {
    content: "Q&A一覧";
    color: rgb(31, 133, 220);
  }
  div.main-area div.main div#aLotOf h5 img,
  div.main-area div.main div#fullList h5 img {
    display: none;
  }
  div.main-area div.main div#aLotOf dl {
    width: 100%;
    border-right: none;
    border-left: none;
  }
  div.main-area div.main div#fullAbstract {
    border: none;
    background: none;
  }
  /*
div.main-area div.main div.model-whole h5 {
	margin: 30px 0 0;
	padding: 8px 15px;
	border-top: 3px solid #a3a3a3;
	background: #eee;
	color: #2F3E46;
	font-size: 1em;
}
div.main-area div.main div.game-title {
	margin: 0;
}
div.main-area div.main div.game-title > div {
	padding: 0 1% 10px;
}
div.main-area div.main div.game-title > div > div.clearfix {
	display: flex;
	flex-wrap: wrap;
}
div.main-area div.main div.game-title > div > div.clearfix > div {
	float: none;
	width: 47%;
	min-width: 120px;
	max-width: 175px;
	margin: 0 1% 10px;
}
div.main-area div.main div.game-title > div > div.clearfix > div .entry {
	width: 100%;
	height: auto;
	padding: 0;
}
*/
  div.main-area div.main div.entry {
    margin: 0;
    padding: 0;
    background: none;
  }
  div.main-area div.main div.entry div.question {
    margin: 8px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: -webkit-gradient(
        linear,
        0% 0%,
        0% 100%,
        from(rgb(255, 255, 255)),
        to(rgb(230, 230, 230))
      )
      0px 0px repeat scroll rgb(255, 255, 255);
  }
  div.main-area div.main div.entry div.question h5 {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    text-indent: 0;
    word-break: break-all;
  }
  div.main-area div.main div.entry div.question img.icon,
  div.main-area div.main div.entry div.answer img.icon {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    margin: 0 0 10px;
  }
  div.main-area div.main div.entry div.answer {
    margin: 8px;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #ccc;
  }
  div.main-area div.main div.entry div.answer a {
    word-break: break-all;
  }
  div.main-area div.main div.entry #solve {
    border-radius: 6px;
    background: #f5f5f5;
    text-align: center;
  }
  div.main-area div.main div.entry #solve dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  div.main-area div.main div.entry #solve dl dt {
    width: 100%;
  }
  div.main-area div.main div.entry #solve dl dd#solveBtnL,
  div.main-area div.main div.entry #solve dl dd#solveBtnR {
    width: 44%;
    max-width: 140px;
  }
  div.main-area div.main div.entry #solve dl dd#solveBtnL {
    margin: 0 3%;
  }
  div.main-area div.main div.entry #solve dl dd img {
    width: 100%;
    height: auto;
  }
  div.main-area div.main div.entry #solveAns {
    padding: 20px 0;
  }
  /* contents - game / non-game list
------------------------------------------------------------ */
  div.main-area h3.inq {
    margin: 0 !important;
    padding: 10px 15px;
    border-bottom: 1px solid #ccc;
  }
  div.main-area h3.inq::before {
    content: "各種お問い合わせ窓口";
  }
  div.main-area h3.inq img {
    display: none;
  }
  div.main-area div.main.game,
  div.main-area div.main.non-game {
    position: relative;
    padding: 0 0 85px;
    background: none;
  }
  #wrap div.main-area div.main div.tab {
    padding: 0;
    background: none;
  }
  div.main-area div.main.game div.tab ul li.non-game,
  div.main-area div.main.non-game div.tab ul li.game {
    position: absolute;
    bottom: 20px;
    right: 50%;
    float: none;
    width: 90%;
    min-width: 250px;
    max-width: 325px;
    transform: translateX(50%);
  }
  div.main-area div.main.game div.tab ul li.non-game a,
  div.main-area div.main.non-game div.tab ul li.game a {
    display: flex;
    align-items: center;
    height: 46px;
    padding: 6px 40px 6px 15px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: -webkit-gradient(
        linear,
        0% 0%,
        0% 100%,
        from(rgb(255, 255, 255)),
        to(rgb(230, 230, 230))
      )
      0px 0px repeat scroll rgb(255, 255, 255);
    box-sizing: border-box;
    text-decoration: none;
  }
  div.main-area div.main.game div.tab ul li.non-game a::before,
  div.main-area div.main.non-game div.tab ul li.game a::before {
    content: "ゲーム以外のお問い合わせ";
    color: rgb(60, 85, 143);
    font-size: 1rem;
    font-weight: bold;
    line-height: 140%;
  }
  div.main-area div.main.non-game div.tab ul li.game a::before {
    content: "ゲームに関するお問い合わせ";
  }
  div.main-area div.main.game div.tab ul li.non-game a::after,
  div.main-area div.main.non-game div.tab ul li.game a::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid rgb(63, 80, 143);
    box-sizing: border-box;
    transform: translateY(-50%);
    transform-origin: center;
  }
  div.main-area div.main.game div.tab ul li.non-game img,
  div.main-area div.main.non-game div.tab ul li.game img {
    display: none;
  }
  div.main-area div.main.game .tab ul li.game,
  div.main-area div.main.non-game .tab ul li.non-game {
    display: block;
    float: none;
    width: 100%;
    border-bottom: 3px solid #4093e7;
    background: rgb(235, 244, 252);
  }
  div.main-area div.main.non-game .tab ul li.non-game {
    border-bottom: 3px solid #0fb7c6;
    background: rgb(227, 250, 252);
  }
  div.main-area div.main.game .tab ul li.game a,
  div.main-area div.main.non-game .tab ul li.non-game a {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 6px 40px 6px 15px;
    box-sizing: border-box;
    text-decoration: none;
  }
  div.main-area div.main.game .tab ul li.game a::before,
  div.main-area div.main.non-game .tab ul li.non-game a::before {
    content: "ゲームに関するお問い合わせ";
    color: rgb(64, 147, 231);
    font-size: 1rem;
    font-weight: bold;
  }
  div.main-area div.main.non-game .tab ul li.non-game a::before {
    content: "ゲーム以外のお問い合わせ";
    color: rgb(15, 183, 198);
  }
  div.main-area div.main.game .tab ul li.game a img,
  div.main-area div.main.non-game .tab ul li.non-game a img {
    display: none;
  }
  div.main-area div.main.game div.category,
  div.main-area div.main.non-game div.category {
    padding: 15px 15px 0;
  }
  div.main-area div.main.game div.category ul li,
  div.main-area div.main.non-game div.category ul li {
    display: block;
    float: none;
    width: 100% !important;
    min-width: 250px;
    max-width: 325px;
    margin: 0 auto 10px !important;
  }
  div.main-area div.main.game div.category ul li a,
  div.main-area div.main.non-game div.category ul li a {
    display: block;
  }
  div.main-area div.main.game div.category ul li img,
  div.main-area div.main.non-game div.category ul li img {
    width: 100%;
    height: auto;
  }
  /* contents - game / non-game detail
------------------------------------------------------------ */
  #wrap div.main-area div.main div.detail h4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 30px);
    height: 46px;
    margin: 20px auto;
    padding: 6px 15px;
    border-radius: 4px;
    border: 1px solid #a3c8ec;
    background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 1) 70%,
      rgba(232, 242, 253, 1) 100%
    );
    box-sizing: border-box;
  }
  #wrap div.main-area div.main.non-game div.detail h4 {
    border: 1px solid #65e4eb;
    background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 1) 70%,
      rgba(237, 250, 250, 1) 100%
    );
  }
  #wrap div.main-area div.main div.detail h4::before {
    color: rgb(58, 141, 219);
    font-size: 1rem;
    font-weight: bold;
    line-height: 120%;
  }
  #wrap div.main-area div.main.non-game div.detail h4::before {
    color: rgb(15, 183, 198);
  }
  #wrap div.main-area div.main div.detail.game h4::before {
    content: "家庭用ゲームについてのお問い合わせ";
  }
  #wrap div.main-area div.main div.detail.pc h4::before {
    content: "PCゲームについてのお問い合わせ";
  }
  #wrap div.main-area div.main div.detail.mobile h4::before {
    content: "ゲームアプリ（iOS/Android）についてのお問い合わせ";
  }
  #wrap div.main-area div.main div.detail.amusement h4::before {
    content: "アミューズメントゲームやアミューズメント施設についてのお問い合わせ";
  }
  #wrap div.main-area div.main div.detail.amusement h4:last-of-type::before {
    content: "業務用ゲーム機の修理等についてのお問い合わせ";
  }
  #wrap div.main-area div.main div.detail.shopping h4::before {
    content: "ショッピング「イーカプコン」についてのお問い合わせ";
  }
  #wrap div.main-area div.main div.detail.ir h4::before {
    content: "投資家様向け情報 / 企業情報についてのお問い合わせ";
  }
  #wrap div.main-area div.main div.detail.recruit h4::before {
    content: "採用についてのお問い合わせ";
  }
  #wrap div.main-area div.main div.detail.sule-goods h4::before {
    content: "音楽についてのお問い合わせ";
  }
  #wrap div.main-area div.main div.detail.sule-goods2 h4::before {
    content: "出版物 / グッズについてのお問い合わせ";
  }
  #wrap div.main-area div.main div.detail.education h4::before {
    content: "学校・教育関連についてのお問い合わせ";
  }
  #wrap div.main-area div.main div.detail.freelance_law h4::before {
    content: "「フリーランス法」相談について";
  }
  #wrap div.main-area div.main div.detail.freelance_law div.section {
    padding-bottom: 20px;
  }
  #wrap div.main-area div.main div.detail h4 img {
    display: none;
  }
  #wrap div.main-area div.main div.detail div.float-left,
  #wrap div.main-area div.main div.detail div.float-right {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    padding: 6px 15px;
    box-sizing: border-box;
  }
  #wrap div.main-area div.main div.detail div.float-left img {
    display: block;
    margin: 0 auto;
  }
  #wrap div.main-area div.main div.detail div.caution {
    margin: 0 15px;
    padding: 25px;
    border: 1px solid #ff8080;
    background: #fff;
  }
  #wrap div.main-area div.main div.detail div.caution dl.attention {
    margin: 20px 0 0;
  }
  /* メールでのお問い合わせ */
  div.main-area div.main .detail div.inquiry-type {
    margin: 20px 0 0;
    background: rgb(245, 245, 245);
  }
  div.main-area div.main .detail div.inquiry-type .mail,
  div.main-area div.main .detail div.inquiry-type .phone {
    display: block;
    float: none;
    width: 100%;
  }
  div.main-area div.main .detail div.inquiry-type h5 {
    display: flex;
    align-items: center;
    width: 100%;
    height: 46px;
    margin: 20px 0;
    padding: 6px 15px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: -webkit-gradient(
        linear,
        0% 0%,
        0% 100%,
        from(rgb(255, 255, 255)),
        to(rgb(230, 230, 230))
      )
      0px 0px repeat scroll rgb(255, 255, 255);
    box-sizing: border-box;
  }
  div.main-area div.main .detail div.inquiry-type h5::before {
    color: rgb(60, 85, 143);
    font-size: 1rem;
    font-weight: bold;
    line-height: 140%;
  }
  div.main-area div.main .detail div.inquiry-type .mail h5::before {
    content: "メールでのお問い合わせ";
  }
  div.main-area div.main .detail div.inquiry-type .phone h5::before {
    content: "お電話でのお問い合わせ";
  }
  div.main-area div.main .detail div.inquiry-type h5 img {
    display: none;
  }
  div.main-area div.main .detail div.inquiry-type .mail .section {
    margin: 25px 0 0;
    padding: 0 15px;
    background: none;
  }
  div.main-area div.main .detail div.inquiry-type .mail .section:first-of-type {
    margin: 0;
  }
  div.main-area div.main .detail div.inquiry-type .mail .section h6 {
    margin: 0 0 3px 0;
  }
  div.main-area div.main .detail div.inquiry-type .mail .section .to-form {
    position: relative;
    top: auto;
    right: auto;
    margin: 0.3em 0;
  }
  div.main-area div.main .detail div.inquiry-type .mail .section dl dt {
    font-size: 1rem;
  }
  div.main-area div.main .detail div.inquiry-type .mail .section dl dd a {
    font-size: 1rem;
  }
  div.main-area div.main .detail div.inquiry-type .phone p {
    margin: 6px 15px;
    font-size: 0.9rem;
    text-align: left;
  }
  div.main-area div.main .detail div.inquiry-type .phone p.tel {
    font-size: 2rem;
  }
  /* contents - bottom nav
------------------------------------------------------------ */
  #wrap div.main-area div.main div.quick-inquiry {
    margin: 0;
    padding: 0;
    background: none;
  }
  #wrap div.main-area div.main div.quick-inquiry .game,
  #wrap div.main-area div.main div.quick-inquiry .non-game {
    margin: 0;
    padding: 0;
  }
  #wrap div.main-area div.main div.quick-inquiry .game h4,
  #wrap div.main-area div.main div.quick-inquiry .non-game h4 {
    display: flex;
    align-items: center;
    height: 46px;
    padding: 6px 15px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: -webkit-gradient(
        linear,
        0% 0%,
        0% 100%,
        from(rgb(255, 255, 255)),
        to(rgb(230, 230, 230))
      )
      0px 0px repeat scroll rgb(255, 255, 255);
    box-sizing: border-box;
  }
  #wrap div.main-area div.main div.quick-inquiry .game h4::before,
  #wrap div.main-area div.main div.quick-inquiry .non-game h4::before {
    color: #2f3e46;
    font-size: 1rem;
    font-weight: bold;
    line-height: 140%;
  }
  #wrap div.main-area div.main div.quick-inquiry .game h4::before {
    content: "ゲームに関するお問い合わせ";
  }
  #wrap div.main-area div.main div.quick-inquiry .non-game h4::before {
    content: "ゲーム以外に関するお問い合わせ";
  }
  #wrap div.main-area div.main div.quick-inquiry .game h4 img,
  #wrap div.main-area div.main div.quick-inquiry .non-game h4 img {
    display: none;
  }
  #wrap div.main-area div.main div.quick-inquiry .game p,
  #wrap div.main-area div.main div.quick-inquiry .non-game p {
    font-size: 1rem;
    margin: 1em 15px 6px;
  }
  #wrap div.main-area div.main div.quick-inquiry .game ul,
  #wrap div.main-area div.main div.quick-inquiry .non-game ul {
    margin: 15px 0;
    text-align: center;
  }
  #wrap div.main-area div.main div.quick-inquiry .game li,
  #wrap div.main-area div.main div.quick-inquiry .non-game li {
    display: block;
    float: none;
    margin: 0 auto 10px;
  }
  #wrap div.main-area div.side {
    display: block;
    float: none;
    width: 100%;
  }
 #wrap div.main-area.mobile_sub_list .side {
   display:none;
 }
  #wrap div.main-area div.side div.game,
  #wrap div.main-area div.side div.non-game {
    background: none;
  }
  #wrap div.main-area div.side div.fun-and-useful {
    margin: 0 0 15px;
    background: none;
  }
  #wrap div.main-area div.side div h4 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 46px;
    padding: 6px 15px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
  }
  #wrap div.main-area div.side div.game h4 {
    background: -webkit-gradient(
        linear,
        0% 0%,
        0% 100%,
        from(rgb(76, 154, 233)),
        to(rgb(67, 134, 202))
      )
      0px 0px repeat scroll rgb(76, 154, 233);
  }
  #wrap div.main-area div.side div.non-game h4 {
    background: -webkit-gradient(
        linear,
        0% 0%,
        0% 100%,
        from(rgb(81, 204, 215)),
        to(rgb(69, 171, 181))
      )
      0px 0px repeat scroll rgb(81, 204, 215);
  }
  #wrap div.main-area div.side div.fun-and-useful h4 {
    background: -webkit-gradient(
        linear,
        0% 0%,
        0% 100%,
        from(rgb(254, 233, 157)),
        to(rgb(230, 211, 142))
      )
      0px 0px repeat scroll rgb(254, 233, 157);
  }
  #wrap div.main-area div.side div h4::before {
    padding: 3px 0;
    color: rgb(47, 62, 70);
    font-size: 1rem;
    font-weight: bold;
  }
  #wrap div.main-area div.side div.game h4::before {
    content: "ゲームに関するご質問";
    color: #fff;
  }
  #wrap div.main-area div.side div.non-game h4::before {
    content: "ゲーム以外のご質問";
    color: #fff;
  }
  #wrap div.main-area div.side div.fun-and-useful h4::before {
    content: "お楽しみ & お役立ち情報";
  }
  #wrap div.main-area div.side div.game h4 img,
  #wrap div.main-area div.side div.non-game h4 img,
  #wrap div.main-area div.side div.fun-and-useful h4 img {
    display: none;
  }
  #wrap div.main-area div.side div.game div.inbox,
  #wrap div.main-area div.side div.non-game div.inbox,
  #wrap div.main-area div.side div.fun-and-useful div.inbox {
    border: none;
  }
  #wrap div.main-area div.side div.game div.inbox ul li,
  #wrap div.main-area div.side div.non-game div.inbox ul li,
  #wrap div.main-area div.side div.fun-and-useful div.inbox ul li {
    background: none;
  }
  #wrap div.main-area div.side div.game div.inbox ul li a,
  #wrap div.main-area div.side div.non-game div.inbox ul li a,
  #wrap div.main-area div.side div.fun-and-useful div.inbox ul li a {
    padding: 8px 15px 8px 30px;
    border-bottom: 1px dotted #ccc;
    background: url(/support/img_common/bg_side_01.gif) no-repeat 15px 15px;
    color: #3f508f;
    font-size: 1rem;
  }
  #wrap div.main-area div.side div.game div.by-model,
  #wrap div.main-area div.side div.game div.by-title {
    border-right: none;
    border-left: none;
  }
  #wrap div.main-area div.side div.game div.by-model ul li {
    padding: 0;
    background: none;
  }
  #wrap div.main-area div.side div.game div.by-model ul li a {
    display: block;
    padding: 8px 15px 8px 30px;
    border-bottom: 1px dotted #ccc;
    background: url(/support/img_common/bg_side_01.gif) no-repeat 15px 15px;
    color: #3f508f;
    font-size: 1rem;
  }
  #wrap div.main-area div.side div.game div.by-model ul li span {
    display: block;
    padding: 8px 15px;
    background: none;
    color: rgb(47, 62, 70);
    font-size: 1rem;
  }
  #wrap div.main-area div.side div.game div.by-model ul li ul {
    padding: 0 0 0 15px;
  }
  #wrap div.main-area div.side div.game div.by-model ul li ul li a {
    padding: 0 0 0 15px;
    border: none;
    background: url("/support/img_common/bg_side_01.gif") 5px center no-repeat;
  }
}

@media screen and (max-width: 600px) {
  /* 総合TOPのコンテンツ */
  div.main-area section.contents ul.content_list li.content_list_elem {
    width: 100%;
    height: 160px;
  }
}

@media screen and (max-width: 500px) {
  /* 総合TOPのニュース */
  div.main-area section.news h2 {
    font-size: 1rem;
  }
  div.main-area section.contents h2 {
    font-size: 1.3rem;
    line-height: 1.5rem;
  }
  div.main-area section.contents h2 span {
    font-size: 0.8rem;
  }
  /* 総合TOPのリンクエリア */
  div.main-area section.contact-us .link a {
    font-size: 14px;
  }
}


/* カスタマーハラスメント
------------------------------------------------------------ */
@media screen and (max-width: 850px) {
  .ch-area {
    width: 100%;
  }
  .ch-area h2 {
    padding: 10px!important;
    font-size: 1rem!important;
  }
}