@charset "UTF-8";
/* CSS Document */
.rf_support {
  margin-top: 30px; }
  .rf_support > section, .rf_support h1 {
    margin-left: 10px;
    margin-right: 10px; }
  .rf_support > section {
    margin-bottom: 3em; }
    .rf_support > section section h2,
    .rf_support > section section > div.entry {
      margin-top: 20px; }
    .rf_support > section section > div.entry h2 {
      margin-top: 0; }
    .rf_support > section section:before,
    .rf_support > section > ul.faq > li:before,
    .rf_support > section section.update > *:before {
      content: "";
      display: block;
      height: 80px;
      /* 調整したい高さ（固定ヘッダーの高さ） ページ内アンカー用*/
      margin-top: -80px;
      /* heightと同じ分のネガティブマージン */
      visibility: hidden; }
    .rf_support > section #vcheck > div.entry {
      background: #85C9CB; }
    .rf_support > section #to_v15 > div.entry {
      background: #FFE57F; }

ul {
  margin: 0 0 1em 2em;
  list-style: circle; }

/*ol数字変え*/
.rf_support ol {
  counter-reset: item;
  list-style-type: none;
  margin: 0 0 2em 0; }
  .rf_support ol > li {
    margin-bottom: 1em; }
    .rf_support ol > li p:first-child,
    .rf_support ol > li h4:first-child {
      display: inline; }
  .rf_support ol > li:before {
    counter-increment: item;
    content: counter(item) ".";
    font-family: "arial black",Times,serif;
    padding-right: .5em;
    font-weight: 800; }

hr {
  margin: 3px 0;
  border-width: 0 0 1px 0;
  /* 太さ */
  border-style: solid;
  /* 線種 */
  border-color: #333;
  /* 線色 */
  height: 0px;
  /* 高さ */ }

/*許諾とか記事部分*/
.entry {
  padding: 20px;
  background: #FFCC00;
  margin-bottom: 2em;
  border-radius: 8px; }

/*-------------------------------------
ファームウェア　アップデート方法
---------------------------------------*/
.entry p img, .faq p img {
  max-width: 100%;
  width: auto;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  /*説明の図は影つき*/ }
.entry p.between, .faq p.between {
  /*間に矢印*/
  text-align: center; }
.entry p.beside img, .entry p.between img, .faq p.beside img, .faq p.between img {
  vertical-align: bottom; }
.entry p.beside img.arrow, .entry p.between img.arrow, .faq p.beside img.arrow, .faq p.between img.arrow {
  width: auto;
  height: 40px;
  transform: rotate(90deg);
  box-shadow: none; }

@media screen and (min-width: 640px) {
  .entry p.beside,
  .entry p.between, .faq p.beside,
  .faq p.between {
    max-width: 800px;
    width: auto; }
    .entry p.beside img,
    .entry p.between img, .faq p.beside img,
    .faq p.between img {
      vertical-align: middle; }
  .entry p.beside, .faq p.beside {
    /*画像2 o r小さい画像1*/ }
    .entry p.beside img, .faq p.beside img {
      width: 48%; }
    .entry p.beside img:first-child, .faq p.beside img:first-child {
      margin-right: 4%; }
  .entry p.between, .faq p.between {
    /*間に矢印*/ }
    .entry p.between img, .faq p.between img {
      width: 48%; }
    .entry p.between img.arrow, .faq p.between img.arrow {
      width: 4%;
      height: auto;
      transform: rotate(0deg); }

  .modal_window {
    top: 30%;
    margin: 0 50px; } }
ul.note {
  list-style: outside none none;
  margin: 0.5em 0 2em 0;
  padding: 10px;
  background: rgba(255, 255, 255, 0.5); }
  ul.note li {
    margin: 0 0 5px 0;
    padding: 0 0 0 1em;
    text-indent: -1em; }
    ul.note li * {
      margin-top: 5px;
      padding: 0;
      text-indent: 0; }
  ul.note li:last-child {
    margin: 0; }
    ul.note li:last-child *:last-child {
      margin: 0; }

ul.note + p {
  margin-top: -1em; }

/*特に強調 赤地*/
.strongstrong {
  background: #C00;
  color: #FFF;
  font-weight: 800;
  border-radius: 10px;
  padding: 10px;
  margin: 0 0 2em 0; }
  .strongstrong a:link, .strongstrong a:visited {
    color: #FF0; }
  .strongstrong a:active, .strongstrong a:hover {
    color: #FF0; }

/*おしらせ*/
.news {
  padding: 0;
  margin: 20px 0; }
  .news ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%; }
    .news ul li:nth-child(odd) {
      background-color: #333; }
    .news ul li:nth-child(even) {
      background-color: #666; }
    .news ul li {
      padding: 3px;
      display: table-row; }
      .news ul li div {
        display: table-cell;
        padding: 5px 10px;
        color: #FFF;
        border-bottom: 1px solid #999; }
      .news ul li div:first-child {
        text-align: center;
        border-right: 1px solid #999; }
      .news ul li a {
        color: #FFF; }
      .news ul li img {
        margin-right: 3px; }
    .news ul li:last-child div {
      border-bottom: 1px none; }

/*---------------------------------
retrrofreak support top　　
レトロフリーク総合トップ　 
---------------------------------*/
.main_photo {
  text-align: center;
  margin-bottom: 0.5em; }
  .main_photo img {
    padding-bottom: 10px;
    width: 100%; }

.main_photo400 img {
  max-width: 400px; }

.RF_supporttop {
  list-style: none;
  margin: 0 0 2em 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  font-size: 0.9rem;
  line-height: 1.2; }
  .RF_supporttop li {
    margin: 0;
    padding: 0;
    border-radius: 8px; }
    .RF_supporttop li a {
      text-decoration: none;
      display: block;
      font-weight: 800;
      color: #000;
      padding: 20px;
      height: 100%;
      min-height: 100%; }
  .RF_supporttop h2 {
    font-size: 1.75rem;
    border-bottom: none;
    margin: 0 0 15px 0;
    line-height: 1.2; }
  .RF_supporttop p {
    margin-bottom: 0.5em; }

/*各項目のbg*/
.RF_supporttop a:hover {
  background: rgba(255, 255, 255, 0.4);
  text-decoration: none;
  border-radius: 8px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); }
.RF_supporttop li.update {
  background: url(rf_suport_update.png) #5CB7B9 no-repeat left bottom; }
  .RF_supporttop li.update h4 {
    margin: 5px 0;
    /*サポートトップにupdate更新履歴表示*/
    padding: 3px;
    border: none;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 5px; }
.RF_supporttop li.codefreak {
  background: url(rf_suport_codefreak.png) #990 no-repeat left bottom; }
.RF_supporttop li.manual {
  padding: 20px;
  background: url(rf_suport_manual.png) #FC0 no-repeat left bottom; }
  .RF_supporttop li.manual a {
    display: block;
    font-weight: 800;
    color: #000;
    padding: 3px;
    height: auto;
    min-height: auto;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    box-shadow: none; }
  .RF_supporttop li.manual a:last-child {
    margin: 0; }
  .RF_supporttop li.manual a:hover {
    background: rgba(255, 255, 255, 0.7); }
.RF_supporttop li.trouble {
  background: url(rf_suport_trouble.png) #FF9900 no-repeat left bottom; }
.RF_supporttop li.supportlist {
  background: url(rf_suport_supportlist.png) #AB8282 no-repeat left bottom; }
.RF_supporttop li.agreement {
  background: url(rf_suport_agreement.png) #5CB7B9 no-repeat left bottom; }

@media screen and (min-width: 640px) {
  .RF_supporttop {
    grid-template-columns: 1fr 1fr 1fr 1fr; }
    .RF_supporttop li.update {
      grid-column: 1 / 3; }
    .RF_supporttop li.codefreak {
      grid-column: 3 / 5; }
    .RF_supporttop li.manual, .RF_supporttop li.trouble, .RF_supporttop li.supportlist, .RF_supporttop li.agreement {
      background-size: 100%; } }
/*アクロバット告知 div.get_reader*/
.get_reader {
  margin: 0 0 3em 0;
  padding: 10px;
  border: 1px solid #CCC;
  border-radius: 5px;
  font-size: .8rem;
  line-height: 1.1; }
  .get_reader a, .get_reader span {
    display: block;
    text-align: center; }
  .get_reader span:first-child {
    padding-bottom: 5px; }

@media screen and (min-width: 640px) {
  .get_reader {
    padding: 5px; }
    .get_reader a {
      display: table;
      margin: 0 auto; }
    .get_reader span {
      display: table-cell;
      vertical-align: middle;
      padding: 5px; } }
/*ダウンロード,アップデートボタン  p*/
.download {
  background-image: url(download_bg.png); }

.update_link {
  background-image: url(update_bg.png); }

.download, .update_link {
  display: block;
  margin: 20px 0;
  padding: 0;
  border-radius: 8px;
  background-color: #FFF;
  background-position: right bottom;
  background-repeat: no-repeat; }
  .download a, .update_link a {
    display: block;
    font-weight: 800;
    margin: 0;
    padding: 20px; }
  .download a:hover, .update_link a:hover {
    color: #FFF; }

.download:hover, .update_link:hover {
  background-color: #966;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); }

/*リンクボタン*/
.link_b {
  text-align: center; }
  .link_b a {
    display: block;
    padding: 15px;
    font-size: 1.1rem;
    color: #FFF;
    background: #966;
    border-radius: 8px; }
  .link_b a:hover {
    background: #5CB7B9;
    text-decoration: none; }

/*---更新情報　アップデータ履歴 ul / div--*/
.scroll {
  overflow: scroll;
  /*height: 200px; 高さはインラインで記述*/
  overflow-y: scroll;
  overflow-x: hidden; }

.update_info {
  margin: 0 0 3em 0;
  border: 1px solid #000; }
  .update_info .readmore {
    background: #666;
    padding: 4px 15px;
    text-align: right; }
    .update_info .readmore a {
      color: #FFF; }
  .update_info > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%; }
    .update_info > ul > li {
      display: table-row; }
      .update_info > ul > li div {
        padding: 8px 15px; }
      .update_info > ul > li div:first-child h4,
      .update_info > ul > li div.date h4 {
        font-weight: normal;
        margin-bottom: 0.8em; }
      .update_info > ul > li div:first-child p,
      .update_info > ul > li div.date p {
        margin-bottom: 0.8em;
        font-size: 0.9rem; }
      .update_info > ul > li div:first-child *:only-child,
      .update_info > ul > li div:first-child p:last-child,
      .update_info > ul > li div.date *:only-child,
      .update_info > ul > li div.date p:last-child {
        margin-bottom: 0; }
      .update_info > ul > li div:last-child {
        background: rgba(255, 255, 255, 0.5); }
      .update_info > ul > li ul {
        margin: 0 0 0 1em; }
      .update_info > ul > li li {
        margin-bottom: 0.2em; }
    .update_info > ul > li:nth-child(odd) {
      background-color: #85C9CB; }
    .update_info > ul > li:nth-child(even) {
      background-color: #B7B74C; }

@media screen and (min-width: 640px) {
  .update_info > ul {
    display: table;
    border-collapse: separate;
    border-spacing: 0; }
    .update_info > ul li div {
      display: table-cell; }
    .update_info > ul li div:first-child {
      width: 30%; }

  .cf_ud {
    /* cf update*/
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0; }
    .cf_ud h2, .cf_ud h3, .cf_ud p {
      grid-column: 1 / 4; }
    .cf_ud > div {
      grid-column: 1 / 3; }
    .cf_ud > ul {
      grid-column: 3 / 4; } }
/*codefreak ダイレクトリンクボタン
update_info の横にボタン*/
.cf_ud {
  margin-bottom: 2em; }
  .cf_ud .update_info {
    margin-bottom: 0.5em; }
  .cf_ud ul.codefrek_dirlink {
    margin: 0;
    list-style: none; }
    .cf_ud ul.codefrek_dirlink li {
      margin: 0 0 5px 0;
      display: flex;
      align-items: center;
      /* 上下センター */
      min-height: 65px;
      font-size: 120%;
      line-height: 120%;
      background-color: #FFF;
      background-repeat: no-repeat;
      background-position: 10px center;
      border: 1px solid #CCC;
      border-radius: 8px; }
      .cf_ud ul.codefrek_dirlink li a {
        display: block;
        padding: 20px 10px 20px 60px;
        /*ie11 bug回避暫定　align-items: center;効かないので*/ }
        .cf_ud ul.codefrek_dirlink li a * {
          display: block; }
    .cf_ud ul.codefrek_dirlink li:nth-child(1) {
      background-image: url(icon_xmlfile.png); }
    .cf_ud ul.codefrek_dirlink li:nth-child(2) {
      background-image: url(icon_codefreak.png); }
    .cf_ud ul.codefrek_dirlink li:nth-child(3) {
      background-image: url(icon_codeeditor.png); }
    .cf_ud ul.codefrek_dirlink li:hover {
      background-color: #FFCC33; }

/*問い合わせ*/
.support_inq {
  text-align: center;
  padding: 10px;
  border: 2px solid #DDD;
  margin: 5px 0 2em 0;
  border-radius: 8px; }
  .support_inq img {
    vertical-align: bottom;
    max-width: 100%;
    width: auto; }
  .support_inq p {
    margin: 0;
    padding: 0; }

.support_inq + h3 {
  margin-top: 3em; }

/*-------------------------------------
動作確認 table.operation
---------------------------------------*/
.operation {
  table-layout: fixed;
  width: 100%;
  margin: 0 0 1em 0;
  padding: 0;
  border-collapse: collapse;
  border: solid 1px #000; }
  .operation th, .operation td {
    padding: 3px 5px;
    border: solid 1px #666;
    font-size: 0.8rem; }
  .operation th {
    background: #000;
    color: #FFF;
    font-weight: normal; }
  .operation .red {
    color: #F00; }
  .operation tr:nth-child(odd) {
    background-color: #FFF;
    /*#FC0;*/ }
  .operation tr:nth-child(even) {
    background-color: #FFE57F; }

.game tr td:nth-child(3),
.game tr th:nth-child(3) {
  width: 5em; }
.game tr td:nth-child(4),
.game tr th:nth-child(4) {
  width: 8em; }

.gridwrap table tr td:nth-child(2),
.gridwrap table tr th:nth-child(2) {
  width: 5em; }
.gridwrap table tr td:nth-child(3),
.gridwrap table tr th:nth-child(3) {
  width: 8em; }

.gridwrap + p {
  font-size: 0.8rem;
  margin-top: -1em;
  margin-bottom: 1em; }

/*-------------------------------------
コードフリーク機能
---------------------------------------*/
.cheatlists {
  list-style: none;
  margin: 0 0 2em 0;
  padding: 0; }
  .cheatlists li {
    margin: 0;
    padding: 10px; }
    .cheatlists li ul {
      margin-bottom: 0;
      line-height: 1.3; }
    .cheatlists li li {
      padding: 0; }
  .cheatlists > li:nth-child(odd) {
    background-color: #FC0; }
  .cheatlists > li:nth-child(even) {
    background-color: #FFE57F; }
  .cheatlists h3 {
    margin: 0 0 5px 0; }
    .cheatlists h3 img {
      margin: 0 2px; }
    .cheatlists h3 span {
      display: inline-block;
      padding: 1px 3px;
      margin: 0 2px 0.2rem 0;
      background: rgba(255, 255, 255, 0.5);
      border: 1px solid #000;
      border-radius: 5px;
      font-size: 0.9rem; }
    .cheatlists h3 small {
      display: inline;
      font-size: 0.8rem;
      font-weight: normal; }

/*あいうえお*/
.navi50on {
  list-style: none;
  margin: -1em 0 0.5em 0;
  padding: 0;
  font-size: 0.8rem; }
  .navi50on li {
    display: inline-block;
    margin: 0;
    padding: 0; }
  .navi50on a {
    display: block;
    margin: 0 2px 2px 0;
    padding: 3px 5px;
    background: #036;
    color: #FFF;
    border-radius: 5px; }
  .navi50on a:hover, .navi50on a:active {
    background: #966;
    color: #FFF;
    text-decoration: none; }

/*--よくある質問　すべて表示　各項目ul.faq li div
個別ページsection.faq----*/
.faq {
  list-style: none;
  margin: 0; }
  .faq h2 {
    border: none;
    padding: 0 10px;
    margin-bottom: 0; }
  .faq li > div,
  .faq > div {
    margin: 0 0 15px 0;
    padding: 20px;
    background: url(fad_q.png) no-repeat #FFE57F 5px 5px;
    border-radius: 8px; }
    .faq li > div div.toggle,
    .faq > div div.toggle {
      padding: -10px;
      position: relative; }
      .faq li > div div.toggle h2,
      .faq > div div.toggle h2 {
        margin-right: 50px; }
    .faq li > div .toggle_btn,
    .faq > div .toggle_btn {
      position: absolute;
      top: 18px;
      right: 10px;
      transform: translateY(-50%);
      background: rgba(0, 0, 0, 0.2);
      display: block;
      width: 30px;
      height: 30px;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      border-radius: 50%; }
    .faq li > div .toggle_btn:before, .faq li > div .toggle_btn:after,
    .faq > div .toggle_btn:before,
    .faq > div .toggle_btn:after {
      display: block;
      content: '';
      background-color: #FFF;
      position: absolute;
      width: 18px;
      height: 2px;
      top: 15px;
      left: 50%;
      transform: translate(-50%, -50%); }
    .faq li > div .toggle_btn:before,
    .faq > div .toggle_btn:before {
      width: 2px;
      height: 18px; }
    .faq li > div .toggle.selected .toggle_btn:before,
    .faq > div .toggle.selected .toggle_btn:before {
      content: normal; }
    .faq li > div div.toggle_result,
    .faq > div div.toggle_result {
      display: none; }

.faq div div:last-child {
  padding: 10px 0 0 0; }
  .faq div div:last-child dl dt {
    font-weight: 800;
    margin-bottom: 0.5em;
    padding: 2px 10px;
    background-color: #FFCC00; }
  .faq div div:last-child dl dd {
    margin-bottom: 1.5em;
    margin-left: 1em; }
  .faq div div:last-child div {
    padding: 20px;
    border: 1px solid  #FFCC00;
    background-color: rgba(255, 255, 255, 0.5);
    margin-bottom: 1em;
    border-radius: 10px; }
    .faq div div:last-child div ol {
      margin-bottom: 0;
      margin-left: 1em; }
    .faq div div:last-child div li {
      margin-bottom: 0;
      padding-left: 1.5em;
      text-indent: -1.5em; }

/*error一覧*/
.errorList {
  list-style: none;
  margin: 0;
  padding: 0; }
  .errorList > li {
    margin: 0 0 15px 0;
    padding: 20px;
    background: url(error.png) no-repeat #CCB2B2 left 5px;
    border-radius: 8px; }
    .errorList > li ul.faq_tag {
      margin-bottom: 0; }

/*サポートタグ*/
.faq_tag {
  list-style: none;
  margin: 10px 0;
  padding: 10px 0 0 0;
  border-top: 1px dashed #333;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end; }
  .faq_tag li {
    font-size: 0.9rem;
    margin: 0 0 5px 5px; }
    .faq_tag li a {
      display: block;
      padding: 1px 8px;
      background: #FFF;
      border-radius: 5px;
      color: #966; }
    .faq_tag li a:hover {
      background: #966;
      color: #FFF;
      text-decoration: none; }
  .faq_tag li:first-child {
    background-color: rgba(0, 0, 0, 0.2);
    color: #FFF;
    padding: 1px 8px;
    border-radius: 5px;
    margin: 0 -2px 5px 0; }

/*サポートタグ FAQの上部*/
.head {
  justify-content: flex-start;
  border: none;
  padding: 10px;
  background: #FFE57F;
  margin-bottom: 3em; }
  .head li {
    margin: 0 5px 5px 0;
    font-size: 1rem; }
  .head li:first-child {
    margin: 0 3px 5px 0; }
  .head li:last-child a {
    background: #966;
    color: #FFF; }
  .head li:last-child a:hover {
    background-color: rgba(0, 0, 0, 0.7); }