@charset "UTF-8";
/* Scss Document */
/*----------------------------------
SupportTop.css
------------------------------------*/
.SupportTop h2 {
  margin: 2em 5px 10px 5px;
  border-left-color: #8D9399; }
.SupportTop img {
  display: block; }
.SupportTop dl {
  margin: 0 0 7px 0;
  padding: 0 0 15px 0;
  background: #FFF;
  border: 1px solid #CCC; }
.SupportTop dt {
  /*見出し logo + text*/
  margin: 0;
  padding: 12px 12px 10px 12px;
  color: #656565;
  font-size: 110%;
  font-weight: normal;
  background: #DED8D0;
  border-bottom: 3px solid #8D9399; }
  .SupportTop dt img {
    max-width: 100%;
    width: auto;
    padding-bottom: 7px; }

/*横2つ並び　CF SB*/
.SupportTop > div:first-of-type {
  display: table;
  width: calc(100% + 14px);
  border-collapse: separate;
  border-spacing: 7px 0;
  margin: 0 -7px 10px -7px; }
  .SupportTop > div:first-of-type dl {
    display: table-cell;
    vertical-align: top;
    width: 60%; }
  .SupportTop > div:first-of-type dl:last-child {
    width: 40%; }

.SupportTop dl.SE dd,
.SupportTop dl.CF dd,
.SupportTop dl.SFVF dd {
  float: left;
  width: 50%; }

/*機種別の中 基本*/
.SupportTop dd {
  margin: 0; }
  .SupportTop dd ul {
    margin: 0 0 0 15px;
    padding: 0;
    list-style: none; }
  .SupportTop dd ul::after {
    content: "";
    display: block;
    clear: both; }
  .SupportTop dd li {
    margin: 0;
    padding: 0;
    float: left; }
    .SupportTop dd li img {
      margin: 0 5px 0 0; }

/*その他の製品*/
dl.other dt {
  font-weight: 800;
  font-size: 1.2em; }
  dl.other dt a:link, dl.other dt a:visited {
    color: #444; }
  dl.other dt a:hover {
    color: #CC0066; }
dl.other dd ul {
  margin-top: 15px;
  position: relative; }
dl.other dd img {
  width: 100px;
  margin-right: 15px; }

/*enページ*/
.SupportTop_en {
  width: 1024px;
  margin: 0 auto; }
  .SupportTop_en dd li {
    float: none; }
    .SupportTop_en dd li img {
      margin: 0 auto; }

/*1024以下box横並び解除*/
@media (max-width: 1024px) {
  .SupportTop > div:first-of-type {
    display: block;
    width: 100%;
    margin: 0 0 10px 0; }
    .SupportTop > div:first-of-type dl,
    .SupportTop > div:first-of-type dl:last-child {
      display: block;
      width: 100%; }

  .SupportTop dl.SE dd,
  .SupportTop dl.CF dd,
  .SupportTop dl.SFVF dd {
    float: none;
    width: 100%; }

  .SupportTop dl dd {
    float: none;
    width: 100%; }

  .SupportTop_en {
    width: 100%; } }
/*機種見出し 下線の色 dd.class*/
.SupportTop dd h3 {
  color: #333;
  margin: 15px 15px 4px 15px;
  padding: 0;
  border-width: 0 0 2px 0;
  border-style: solid; }
.SupportTop dd.RFmain h3 {
  border-color: #69F; }
.SupportTop dd.CF3DS h3 {
  border-color: #FF92A3; }
.SupportTop dd.SE3DS h3,
.SupportTop dd.SB h3 {
  border-color: #ED0000; }
.SupportTop dd.SEPS4 h3 {
  border-color: #004E9E; }
.SupportTop dd.CFDS h3 {
  border-color: #FF9900; }
.SupportTop dd.SEPS3 h3,
.SupportTop dd.SEWP h3,
.SupportTop dd.CFPS3 h3 {
  border-color: #EEB7BA; }
.SupportTop dd.CFWiiU h3 {
  border-color: #68D4E7; }
.SupportTop dd.CFWii h3 {
  border-color: #82BF4A; }
.SupportTop dd.CFPSP h3,
.SupportTop dd.SF h3,
.SupportTop dd.VF h3 {
  border-color: #86A3CC; }

/*サポートトップメニュー bottom ul*/
.SupportOther {
  margin: 0 -2px 0 0;
  padding: 0;
  list-style: none; }
  .SupportOther img {
    display: block; }
  .SupportOther li {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0; }
    .SupportOther li div {
      margin: 0 2px 2px 0;
      padding: 0;
      border: 1px solid #CCC;
      background-image: linear-gradient(to bottom, #FFF 0%, #E8E8E8 100%); }
    .SupportOther li div:hover {
      background-image: linear-gradient(to bottom, #FFF 0%, #D5DFED 100%); }
    .SupportOther li a {
      display: block;
      margin: 1px;
      padding: 0;
      border: 1px solid #FFF;
      background-position: right top;
      background-repeat: no-repeat;
      background-color: transparent; }
    .SupportOther li a:hover {
      background-position: right bottom; }

@media (max-width: 640px) {
  .SupportOther {
    margin: 0; }
    .SupportOther li {
      float: none;
      width: 100%; }
      .SupportOther li div {
        margin: 0 0 2px 0; } }
/*4つボタン 画像*/
.SupportOther li.support_faq a {
  background-image: url(support/support_faq_bg.png); }

.SupportOther li.support_other a {
  background-image: url(support/support_other_bg.png); }

.SupportOther li.support_ripair a {
  background-image: url(support/support_ripair_bg.png); }

.SupportOther li.support_contact a {
  background-image: url(support/support_contact_bg.png); }

/*-----------------------------------------*/
/*old ハード別サポート一覧用*/
.CFsupport_list {
  list-style: none;
  margin: 0 10px; }
  .CFsupport_list li {
    border-bottom: 1px solid #DDD;
    margin: 0;
    padding: 5px 0; }
  .CFsupport_list li:last-child {
    border-bottom: none; }
  .CFsupport_list img {
    display: block;
    max-width: 100%;
    width: auto; }

/*-------------------------*/
/*サポート標準*/
/*-------------------------*/
.supportmain {
  position: relative;
  margin: 0;
  background: #FFF;
  padding: 25px;
  border: 1px solid #CCC; }

@media (max-width: 640px) {
  .supportmain {
    padding: 15px; } }
/*----------------------------------
SupportBox.css
------------------------------------*/
h2#other {
  font-weight: bold;
  font-size: 125%;
  line-height: 135%;
  margin: 0 0 15px 0;
  padding: 5px 0 5px 15px;
  background: #EFEFEF; }

#SupportBox a {
  text-decoration: underline; }

.main_photo {
  text-align: center;
  margin-bottom: 0.5em;
  width: 100%; }

.main_photo img {
  padding-bottom: 10px;
  width: auto;
  max-width: 100%; }

/*SE CFサポートのトップ画像用*/
.main_photo250 img {
  height: 250px; }

.main_photo150 img {
  height: 150px; }

/*パケ画像　アルファ*/
.SupportTop a:hover img,
#SupportBox a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70); }

/*olの数字変更*/
#SupportBox ol {
  counter-reset: item;
  list-style-type: none;
  margin: 0 0 3em 0; }
  #SupportBox ol > li {
    text-indent: -1.6rem;
    padding-left: 1.6rem;
    margin-bottom: 1.5em; }
  #SupportBox ol > li:before {
    counter-increment: item;
    content: counter(item) ".";
    font-family: "Arial Black" ,"SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 800;
    font-size: 1.2rem;
    padding-right: 0.4rem; }
  #SupportBox ol > li * {
    text-indent: 0; }
  #SupportBox ol > li div {
    margin-top: 1em; }
  #SupportBox ol > li > p:first-child {
    display: inline;
    margin-top: 0; }
  #SupportBox ol > li ul {
    margin-top: 1em; }
  #SupportBox ol > li ul.note {
    margin-top: 1em; }
    #SupportBox ol > li ul.note li {
      text-indent: -1em; }

#SupportBox ol li em {
  color: #F00; }
#SupportBox ol li strong {
  font-weight: bold; }

/*機種別のトップ dl or div */
.Supportmainmenu ul {
  list-style: none;
  margin: 0 0 -10px 0; }
  .Supportmainmenu ul li {
    margin: 0 0 15px 0;
    border-bottom: 1px dashed #999; }
    .Supportmainmenu ul li a {
      display: block;
      margin: 0;
      padding: 0 0 5px 0;
      font-weight: bold; }
    .Supportmainmenu ul li p {
      margin: 0;
      padding: 0 0 5px 0; }
  .Supportmainmenu ul li:last-child {
    margin: 0;
    border-bottom: none; }

dl.Supportmainmenu {
  margin: 0 auto; }
  dl.Supportmainmenu dt {
    width: 150px;
    float: left;
    margin: 0px 0;
    padding: 10px 0 0 0; }
  dl.Supportmainmenu dd {
    width: auto;
    margin: 0 0 15px 150px;
    padding: 10px 5px;
    border: 5px solid #E9E9E9;
    border-radius: 8px; }

div.Supportmainmenu {
  margin: 0 0 2em;
  padding: 15px;
  border: 2px solid #CCC;
  border-radius: 8px; }

@media (max-width: 640px) {
  dl.Supportmainmenu dt {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
    background: #E6E6E6;
    border-radius: 8px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
    dl.Supportmainmenu dt img {
      display: block;
      margin-left: 8px; }
  dl.Supportmainmenu dd {
    position: relative;
    margin: 0 0 15px 0;
    border-top-width: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0; } }
.Supportmainmenu + h3 {
  margin-top: 50px; }

/**/
.Support_top_content {
  margin: 0 2px 2em 2px;
  padding: 25px;
  border: 2px solid #CCC;
  border-radius: 8px; }

/*関連した質問*/
.RelationPage {
  margin: 10px 0;
  border: 1px dashed #CCC;
  padding: 5px; }
  .RelationPage h4 {
    margin: 0 0 5px 0;
    padding: 2px; }
  .RelationPage ul {
    list-style: none;
    margin: 0; }
    .RelationPage ul li {
      margin: 0; }

/*list三角*/
.Supportmainmenu ul,
.RelationPage ul,
.DLkyodaku ul {
  list-style: none;
  padding: 0.5em; }
  .Supportmainmenu ul li,
  .RelationPage ul li,
  .DLkyodaku ul li {
    position: relative;
    padding: 0em 0.3em 0.3em 1.8em; }
  .Supportmainmenu ul li::before,
  .RelationPage ul li::before,
  .DLkyodaku ul li::before {
    position: absolute;
    content: '';
    top: 0.2em;
    left: 0.5em;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 6px 0 6px 10px; }

/*ao三角*/
.RelationPage ul li::before {
  border-color: transparent transparent transparent #174E9D; }

/*グレー三角*/
.Supportmainmenu ul li::before,
.DLkyodaku ul li::before {
  border-color: transparent transparent transparent #CCC; }

/*ダウンロード使用許諾*/
.DLkyodaku {
  margin: 10px 0 40px 0;
  border: 1px solid #CCC;
  padding: 10px; }
  .DLkyodaku ul, .DLkyodaku li {
    margin: 0; }

.DLkyodaku:hover {
  background: #EEE; }

/*リンクボタン FAQへのリンク*/
.link_b {
  margin: 0 0 3em 0;
  padding: 0;
  clear: both;
  text-align: center; }
  .link_b a {
    margin: 5px auto 5px auto;
    padding: 15px;
    display: block;
    box-sizing: border-box;
    font-size: 110%;
    font-weight: bold;
    color: #333;
    background: #EFEFEF;
    border: 1px solid #CCC;
    border-radius: 8px; }
  .link_b a:hover {
    background: #174E9D;
    color: #FFF; }

#SupportBox .link_b a {
  text-decoration: none; }

/*サポート 使い方など*/
.howtointro {
  margin-bottom: 3em; }

@media screen and (min-width: 1024px) {
  .howtointro {
    display: flex; }
    .howtointro > div:first-child {
      flex-grow: 2; }
    .howtointro > .howtoindex {
      width: 50%;
      margin-left: 40px; } }
.howtoindex h4 {
  background: #BBB;
  margin: 0;
  padding: 1px 3px;
  color: #FFF; }
.howtoindex ul {
  margin: 0;
  padding: 10px 10px 10px 2em;
  list-style: circle;
  background: #F3F3F3; }
  .howtoindex ul li {
    margin: 0; }

/*ソフトのインストール方法など、子ドキュメントを
親にdittoで表示するときの枠*/
.howtocontent {
  margin: 10px 0 30px 0;
  clear: both;
  padding: 10px 20px 0 20px;
  border: 1px solid #CCC; }

.howtocontent img {
  width: auto;
  max-width: 100%; }

.howtocontent h3 {
  font-weight: bold;
  font-size: 110%;
  margin: 0 -28px 15px -28px;
  padding: 3px 5px 3px 8px;
  color: #FFF;
  border-bottom: none;
  border-left: 8px solid #174E9D;
  border-right: 8px solid #174E9D;
  background: #8BA6CE; }

.howtocontent h4 {
  font-weight: bold;
  font-size: 100%;
  background: #FFF;
  color: #174E9D;
  border-bottom: 1px solid #174E9D;
  margin: 5px 0 1em 0;
  padding: 2px 0; }

.howtocontent h5 {
  font-weight: bold;
  font-size: 100%;
  margin: 5px 0 1em 0;
  border-left: 5px solid #CCC;
  color: #666;
  padding: 0 0 0 3px; }

.howtocontent dl {
  margin: 5px 0 2em 0; }
  .howtocontent dl dt {
    background: #EEE;
    padding: 0px 2px; }
  .howtocontent dl dd {
    margin: 0 0 1.5em 0; }

.howtocontent dl div,
.howtocontent ol div {
  border: 1px solid #CCC;
  margin-top: -.5em; }
  .howtocontent dl div h5,
  .howtocontent ol div h5 {
    border: none;
    border-bottom: 1px solid #CCC;
    background: #EEE;
    margin: 0;
    padding: 5px;
    text-align: center;
    font-weight: normal;
    color: #333; }
  .howtocontent dl div p,
  .howtocontent ol div p {
    margin: 0;
    padding: 5px;
    text-align: center; }
  .howtocontent dl div ul,
  .howtocontent ol div ul {
    margin: 1em;
    list-style: circle; }

.howtocontent dt img {
  vertical-align: middle;
  padding: 3px; }

.SupporContent {
  padding: 25px;
  border: 1px solid #CCC; }

.SupporContent + .SupporContent,
.SupporContent + h3 {
  margin-top: 2em; }

.main_photo + h3 {
  margin-top: 1em; }

.ripair_process + ul.ripair {
  margin: 2em 0 2em -.5em; }

.granteelist {
  padding: 0;
  border: 1px solid #174E9D;
  margin: 5px 0 2em 0; }
  .granteelist h4 {
    background: #174E9D;
    color: #FFF;
    padding: 4px; }
    .granteelist h4 a {
      color: #FFF; }
    .granteelist h4 a:hover {
      color: #CC0066; }

/*-----------------------------------
アップデート履歴 dl 
------------------------------------*/
.upgreadInfo,
.update_info {
  margin: 0 0;
  border: 5px solid #DDD;
  display: flex;
  flex-wrap: wrap; }
  .upgreadInfo > dt,
  .update_info > dt {
    width: calc(30% - 20px);
    padding: 10px;
    background: #BBB;
    margin: 0;
    font-weight: bold;
    color: #FFF;
    border: none; }
  .upgreadInfo > dd,
  .update_info > dd {
    width: calc(70% - 20px);
    padding: 10px;
    margin: 0; }
    .upgreadInfo > dd dl,
    .update_info > dd dl {
      display: block;
      border: none;
      border: 1px solid #999;
      margin: 0.5em 0; }
      .upgreadInfo > dd dl dt, .upgreadInfo > dd dl dd,
      .update_info > dd dl dt,
      .update_info > dd dl dd {
        padding: 3px;
        margin: 0; }
      .upgreadInfo > dd dl dt,
      .update_info > dd dl dt {
        background: #999;
        color: #FFF;
        font-weight: normal; }
      .upgreadInfo > dd dl dd,
      .update_info > dd dl dd {
        text-align: center; }
  .upgreadInfo > dt:nth-of-type(even),
  .update_info > dt:nth-of-type(even) {
    background: #AAA; }
  .upgreadInfo > dd:nth-of-type(even),
  .update_info > dd:nth-of-type(even) {
    background: #EFEFEF; }
  .upgreadInfo p,
  .update_info p {
    margin-bottom: 0.5em; }
  .upgreadInfo ul,
  .upgreadInfo ol,
  .update_info ul,
  .update_info ol {
    margin: 0 0 0.5em 1em; }
    .upgreadInfo ul li,
    .upgreadInfo ol li,
    .update_info ul li,
    .update_info ol li {
      margin: 0 0 0.5em 1em; }
    .upgreadInfo ul li:last-child,
    .upgreadInfo ol li:last-child,
    .update_info ul li:last-child,
    .update_info ol li:last-child {
      margin-bottom: 0; }
  .upgreadInfo .note,
  .update_info .note {
    margin-left: 0; }
    .upgreadInfo .note li,
    .update_info .note li {
      margin-left: 0; }
  .upgreadInfo div,
  .update_info div {
    border: 1px solid #999;
    padding: 10px;
    text-align: center;
    margin: 0.5em 0; }

@media (max-width: 1024px) {
  .upgreadInfo,
  .update_info {
    display: block; }
    .upgreadInfo > dt,
    .upgreadInfo > dd,
    .update_info > dt,
    .update_info > dd {
      width: calc(100% - 20px); }
    .upgreadInfo ul,
    .upgreadInfo ol,
    .update_info ul,
    .update_info ol {
      margin: 0 0 10px 1em; } }
div.otherbox {
  /*cflistと同じ*/
  margin: 0 0 10px 0;
  padding: 25px;
  border: 1px solid #CCC;
  background: #FFF; }

/*サポートボックス内テーブル*/
.support_table {
  margin: 10px 0;
  border-collapse: collapse;
  border: 1px solid #999999; }
  .support_table a {
    text-decoration: none; }
  .support_table caption {
    font-weight: bold;
    background: #999999;
    color: #FFFFFF;
    padding: 1px 3px 0 5px; }
  .support_table thead th,
  .support_table tr.thead th {
    background: #CCCCFF;
    text-align: center; }
  .support_table th, .support_table td {
    border: 1px solid #999999;
    padding: 5px 8px; }
  .support_table th {
    background: #EFEFEF;
    text-align: center;
    font-weight: normal; }
  .support_table th.bold {
    font-weight: bold; }
  .support_table td {
    text-align: center; }
  .support_table tfoot td {
    text-align: left;
    font-size: 0.8rem;
    border: none; }

div.faq table thead th {
  background: #CCCCFF;
  text-align: center; }

/*その他製品のサポートテーブル*/
table.other {
  width: 100%; }
  table.other td {
    text-align: left; }
  table.other tbody th {
    width: 15%; }

/*tr 偶数番目の指定*/
.zebra tr:nth-child(even) {
  background: #EAEAEA; }

/*問い合わせ*/
.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:hover {
  border: 2px solid #0083D6;
  background-image: linear-gradient(to bottom, #FFF 0%, #F0F9FF 100%); }

.support_inq + .support_inq {
  margin-top: -1em; }

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

.address p {
  font-size: 1.2rem;
  font-weight: 900; }

.address:hover {
  border: 2px solid #DDD;
  background: #FFF; }

@media (max-width: 640px) {
  .support_inq p {
    text-align: left; } }
/*ダウンロード div*/
/*----------------------------------
ソフトのダウンロードなど liアイコン部分

1アイテムの場合
<ul class="DownloadBox"><li><a>

見出しが必要な場合
<div class="DownloadBox"><ul><li><a> の構造
---------------------------------*/
.DownloadBox {
  margin: 10px 0;
  padding: 20px 20px 5px 20px;
  background: url(support/DownlodBox_bg2.png) #FFF no-repeat right bottom;
  position: relative;
  /*ieで背景が消えるバグ用ハック*/
  border: 3px solid #DDD;
  border-radius: 10px;
  line-height: 130%; }

.Support_top_content .DownloadBox,
.Support_top_content .readerKokuti {
  margin-left: 2em;
  margin-right: 2em; }

.Support_top_content ol .DownloadBox {
  margin-left: 0;
  margin-right: 0; }

@media (max-width: 1024px) {
  .DownloadBox {
    background-size: 50%; }

  .Support_top_content .DownloadBox,
  .Support_top_content .readerKokuti {
    margin-left: 0;
    margin-right: 0; } }
.DownloadBox p {
  margin-bottom: 1em; }

.DownloadBox ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.DownloadBox li {
  list-style: none;
  margin: 0;
  padding: 0 0 1.5em 0; }

#SupportBox ol li a {
  font-weight: bold; }

#SupportBox .DownloadBox li a {
  text-decoration: none; }

#SupportBox .DownloadBox li a:hover {
  text-decoration: underline; }

.DownloadBox li a {
  display: block;
  font-weight: bold;
  text-decoration: none;
  color: #FFF;
  padding: 13px 10px 13px 45px;
  margin: 0 0 10px 0;
  border-radius: 10px;
  box-shadow: #CCC 0px 2px 2px;
  background-image: url(support/icon_download2.png), linear-gradient(to bottom, #C2E8FF 0%, #2584F4 100%);
  background-repeat: no-repeat;
  background-position: 0 50%; }

.DownloadBox li a:hover {
  background: url(support/icon_download2.png) #174E9D;
  background-repeat: no-repeat;
  background-position: 0% 50%; }

.DownloadBox h5 {
  margin-top: 0;
  margin-bottom: 0.8em; }

.DownloadBox + h4 {
  margin-top: 2em; }

/*イレギュラー　ソフト別に色違いの場合 div.DownloadBox */
.bcolorBlue {
  border: 3px solid #CCE7FF;
  /*うす水色*/ }

.bcolorYellow {
  border: 3px solid #FFEDB8;
  /*うすい黄*/ }

.bcolorPink {
  border: 3px solid #FFDBED;
  /*うすいピンク*/ }

.bcolorGreen {
  border: 3px solid #CCE599;
  /*きみどり*/ }

.bcolorYellow h5 {
  border-left: 5px solid #FC3;
  /*黄*/ }

.bcolorPink h5 {
  border-left: 5px solid #F9C;
  /*ピンク*/ }

.bcolorGreen h5 {
  border-left: 5px solid #99CC33;
  /*きみどり*/ }

/*typeII（PSP用）シリアル番号入力フォーム div.DownloadBox*/
.bodernone {
  border-width: 0;
  padding: 0; }

/*シリアル入力ダウンロードボタン*/
.DownloadBox form {
  border: 2px solid #DDD; }

.DownloadBox form p {
  text-align: center; }

.DownloadBox form h4 {
  text-align: center;
  background: #009BDB;
  border: none;
  color: #FFF;
  margin: 3px;
  padding: 2px 0; }

/*DownloadBox QR横並び*/
.downloadQR {
  display: flex; }
  .downloadQR li {
    width: 50%;
    text-align: center; }
    .downloadQR li p {
      margin-bottom: 0; }

@media (max-width: 1024px) {
  .downloadQR {
    display: block; }
    .downloadQR li {
      width: 100%; } }
/*ライセンス表記*/
.Licence {
  background: #DDD;
  font-size: 90%;
  line-height: 110%;
  margin: 0px 0 10px 0;
  padding: 20px 25px; }

.Licence p {
  margin: 0;
  padding: 0; }

/*PSPCF コードフリークを使ったインストール*/
.beginner {
  list-style: none; }

.beginner li {
  margin-bottom: 2em;
  margin-left: 0;
  padding-left: 34px;
  text-indent: -34px; }

.beginner ul.note {
  margin-left: 0; }

.beginner li li {
  margin-bottom: 5px;
  padding-left: 0;
  text-indent: 0; }

.beginner li img {
  vertical-align: top;
  padding: 2px; }

.beginner li:before {
  display: none; }

/*wii　Wii本体のバージョン確認方法　table*/
#SupportBox .cfWiiSettinginfo_howto,
#SupportBox .cfWiiSettinginfo_howto td,
#SupportBox .cfWiiSettinginfo_howto th {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none; }

#SupportBox .cfWiiSettinginfo_howto td,
#SupportBox .cfWiiSettinginfo_howto th {
  text-align: left;
  padding: 5px; }

/*計算式用のbox div*/
.mathbox {
  font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
  line-height: 150%;
  padding: 15px;
  margin: 0 0 1.5em 0;
  border-color: #CCC;
  border-style: solid;
  border-width: 1px 1px 1px 8px; }

.mathbox p {
  margin: 0;
  padding: 0; }

/*----------------------------------
よくある質問リスト リスト一覧ページ
-----------------------------------*/
/*一覧外ボックス*/
.faqOuter {
  position: relative;
  margin: 0;
  background: #FFF;
  padding: 25px;
  border: 1px solid #CCC; }

.faqOuter h3 {
  margin-bottom: 0; }

.faqOuter + .faqOuter {
  margin-top: 10px; }

/*パケ画像*/
.faqListProdacts {
  list-style: none;
  margin: 0 10px;
  padding: 0; }

.faqListProdacts li {
  float: left;
  margin: 0;
  padding: 0; }

/*質問リスト ul*/
.faqList {
  list-style: none;
  margin: 0;
  padding: 0; }

.faqList li {
  margin: 0 0 5px 0;
  padding: 20px;
  border: 1px solid #CCC;
  border-radius: 8px;
  line-height: 1.5rem; }

.faqList li:hover {
  background-color: #EEE; }

.faqList li ul {
  list-style: none; }

.faqList li li {
  border: none;
  margin: 0 0 0.5em 1.5em;
  padding: 0;
  line-height: 130%; }

/*各サポートトップの質問リスト ul　li横並び*/
.faqListflex {
  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap;
  align-items: stretch;
  list-style: none;
  margin: 0 -5px;
  padding: 0;
  clear: both; }

.faqListflex li {
  width: calc(50% - 10px);
  box-sizing: border-box;
  margin: 5px; }

@media (max-width: 1024px) {
  .faqListflex {
    display: block;
    margin: 0 0; }

  .faqListflex li {
    width: 100%;
    margin: 5px 0;
    padding: 15px; } }
/*質問*/
#SupportBox .faqList a {
  font-weight: bold;
  text-decoration: none;
  font-size: 1rem; }

/*-------------------------------------
よくある質問 答えのページ dl
---------------------------------------*/
dl.faq {
  margin: 0;
  padding: 0; }
  dl.faq img {
    padding: 0 0 10px 0; }
  dl.faq dt {
    margin: 0 0 2em 0;
    color: #000;
    font-size: 1.2rem;
    line-height: 1.5rem; }
  dl.faq dd {
    margin: 0 0 2em 0;
    color: #000;
    font-size: 1rem;
    line-height: 1.3rem; }

.faq dt:first-letter,
.faq dd:first-letter,
.faqList li:first-letter {
  font-size: 3rem;
  font-weight: 900;
  font-family: "Arial Black", Arial; }

.faqList li:first-letter {
  font-size: 2rem; }

.faq dt:first-letter,
.faqList li:first-letter {
  color: #069; }

.faq dd:first-letter {
  color: #C30; }

dl.faq dt div.faqHead,
ul.faqList li div.faqHead {
  display: flex;
  border: none;
  border-top: 1px dashed #999;
  padding: 10px 0 0;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: normal; }

dl.faq_xx {
  margin-top: 3em;
  padding-top: 2em;
  border-top: 1px solid #CCC; }
  dl.faq_xx dt div.faqHead {
    display: block;
    font-size: 0.9rem; }
    dl.faq_xx dt div.faqHead ul {
      margin-bottom: 0; }

ul.faqList + dl.faq_xx {
  margin-top: 5em; }

ul.faqList li div.faqHead {
  font-size: small; }

/*FAQ対象商品　tag faqHead内*/
dl.faq div p.FAQProdacts,
ul.faqList li div p.FAQProdacts {
  display: block;
  width: 3em;
  margin: 0; }

.FAQProdacts span {
  display: block;
  background: #999999;
  border-radius: 5px;
  color: #FFF;
  text-align: center;
  padding: 0.2em;
  line-height: 1em; }

.FAQProdacts + ul {
  margin: 0;
  flex: 1 0 auto; }

.FAQProdacts + ul li {
  margin: 0 0 0.5em 0.5em;
  line-height: 120%; }

.faq .FAQProdacts + ul {
  list-style: none; }

.faq .FAQProdacts + ul li::after,
.faq .FAQProdacts + ul li::before {
  content: none; }

ul.FAQtag {
  margin: 0; }

dl.faq ul.FAQtag li::after,
dl.faq ul.FAQtag li::before {
  content: none; }

ul.FAQtag li {
  display: inline-block;
  border: 1px solid #999;
  border-radius: 5px;
  margin: 0 3px 0 0;
  padding: 0 5px; }

.faq dd {
  margin: 0 0 3em 0;
  padding-bottom: 2em;
  border-bottom: 1px solid #CCC; }

.faq dd:last-child {
  border: none; }

dl.faq dd dl {
  margin: 5px 1.5em 2em 0;
  padding: 0 0 0 0; }

.faq dd dt:first-letter,
.faq dd dd:first-letter,
.faqList li li:first-letter {
  font-size: small;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
  /*もどす*/
  color: #000; }

.faq dd dd:first-letter,
.faqList li li:first-letter {
  font-weight: normal; }

.faq dd dt {
  font-size: small;
  line-height: 130%;
  margin-bottom: 0.5em;
  padding: 5px;
  background-color: #EEE;
  border-radius: 5px; }

dl.faq dd dd {
  padding: 5px;
  border-bottom: none;
  margin-bottom: 1em; }

dl.faq dd dd:last-child {
  border: none; }

dl.faq dd p {
  margin: 0 0 1.5em 0; }

dl.faq dd h4 {
  margin: 0.5em 0 0.5em 0; }

#SupportBox ol li h4 {
  font-weight: bold; }

dl.faq li p.main_photo img {
  max-width: 100%;
  width: auto;
  height: auto; }

dl.faq div {
  border: 1px solid #DDD;
  padding: 15px;
  margin: 10px 0;
  border-radius: 5px; }
dl.faq div.scroll {
  border: none;
  padding: 0;
  margin: 0 0 3em 0;
  border-radius: 0; }

dl.faq div h5 {
  border-bottom: 1px dashed #AAA;
  margin: 0 10px; }

dl.faq div p {
  margin: 0 10px 10px 10px; }

dl.faq div.support_inq {
  padding: 10px;
  border-width: 2px;
  margin: 5px 0 2em 0;
  border-radius: 8px; }
  dl.faq div.support_inq p {
    margin: 0; }

dl.faq p.main_photo {
  margin: 1.5em 0; }

/*faq内のリスト　青丸＞*/
dl.faq ul {
  list-style: none; }

dl.faq ul li {
  position: relative; }

dl.faq ul li::after,
dl.faq ul li::before {
  display: block;
  content: '';
  position: absolute; }

dl.faq ul li::after {
  top: .2em;
  left: -1em;
  width: .8em;
  height: .8em;
  background-color: #0058A1;
  border-radius: 100%; }

dl.faq ul li::before {
  z-index: 2;
  top: .4em;
  left: -.8em;
  width: .2em;
  height: .2em;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg); }

/*note リストマーククリア*/
dl.faq ul.note {
  list-style: none;
  margin: 0.5em 0 2em 0; }

dl.faq ul.note li::after,
dl.faq ul.note li::before {
  content: none; }

@media (max-width: 640px) {
  dl.faq dt div.faqHead,
  ul.faqList li div.faqHead {
    display: block; }

  dl.faq div p.FAQProdacts,
  ul.faqList li div p.FAQProdacts {
    margin-bottom: 5px; } }
/*その他サポート　機種ごとの各項目　重要なお知らせ*/
#SupportBox .otherlists h4 a,
#SupportBox .otherlists_tool h2 a {
  text-decoration: none; }

.otherlists {
  list-style: none;
  line-height: 130%;
  list-style: none;
  display: grid;
  gap: 10px;
  /*grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));*/
  grid-template-columns: 1fr 1fr 1fr 1fr;
  /*column-count: 4;
  column-gap: 1.5em;*/
  margin: 1em 0 3em; }
  .otherlists li {
    break-inside: avoid;
    border: 1px solid #CCC;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    background: #FFF; }
    .otherlists li > div:first-child {
      border-bottom: 1px solid #CCC;
      background: #FFF; }
      .otherlists li > div:first-child div {
        margin: 0 auto;
        text-align: center; }
    .otherlists li p {
      margin: 10px; }
    .otherlists li img {
      max-width: 100%;
      vertical-align: bottom; }

.otherlists h2,
.otherlists_tool h2 {
  font-size: 1.2rem;
  font-weight: 900;
  border: none;
  background-color: transparent;
  margin: 0 0 0.5em 0;
  padding: 0; }
.otherlists h3,
.otherlists_tool h3 {
  border: none;
  background: #EEE;
  padding: 2px;
  color: #000;
  font-size: 1rem; }
.otherlists h4,
.otherlists_tool h4 {
  background-color: transparent;
  margin: 10px; }
  .otherlists h4 a,
  .otherlists_tool h4 a {
    text-decoration: none; }
.otherlists li:hover h3,
.otherlists_tool li:hover h3 {
  background: #FFF; }
.otherlists li:hover,
.otherlists_tool li:hover {
  background-color: #DDD; }
.otherlists a,
.otherlists_tool a {
  text-decoration: none; }

/*重要なお知らせ、更新ツールリボン 
<li class="supporttpopics_[+その他サポート区分:select(重要なお知らせ=important&ダウンロード=download)+]">から変更*/
.otherlists span,
.otherlists_tool span {
  position: absolute;
  font-size: .8rem;
  text-align: right;
  top: -3px;
  right: -6px;
  padding: 2px 6px;
  padding-left: 50px;
  letter-spacing: 0.1px;
  color: #ffffff;
  background: linear-gradient(45deg, transparent, transparent 25%, #990000 0%, #990000); }
.otherlists span::after,
.otherlists_tool span::after {
  position: absolute;
  display: block;
  z-index: 10;
  top: 100%;
  right: 0;
  content: ' ';
  border: 3px solid transparent;
  border-top: 3px solid #5c0000;
  border-left: 3px solid #5c0000; }

.otherlists_tool {
  list-style: none;
  margin: 0 0 3em 0;
  box-sizing: border-box; }
  .otherlists_tool > li {
    display: flex;
    align-items: stretch;
    border: 1px solid #CCC;
    margin: 0 0 1em 0;
    position: relative; }
    .otherlists_tool > li > div {
      display: flex;
      align-items: center; }
    .otherlists_tool > li > div:first-child {
      width: 200px;
      border-right: 1px solid #CCC;
      background: #FFF; }
      .otherlists_tool > li > div:first-child div img {
        width: 100%; }
    .otherlists_tool > li > div:nth-child(2) {
      width: calc(100% - 200px); }
      .otherlists_tool > li > div:nth-child(2) div {
        padding: 25px 15px;
        width: 100%; }
      .otherlists_tool > li > div:nth-child(2) p {
        margin: 0.5em 0; }
      .otherlists_tool > li > div:nth-child(2) dl.erreor_type {
        display: flex;
        margin: 5px 0 0 0;
        padding: 0; }
        .otherlists_tool > li > div:nth-child(2) dl.erreor_type strong {
          display: block;
          width: 100%;
          text-align: center;
          font-size: 0.8rem;
          border: 1px solid #333;
          white-space: nowrap;
          color: #333;
          background: #FFF;
          border-radius: 3px;
          padding: 0 3px; }
        .otherlists_tool > li > div:nth-child(2) dl.erreor_type dt {
          margin: 0;
          padding: 0 15px 0 0; }
        .otherlists_tool > li > div:nth-child(2) dl.erreor_type dd {
          margin: 0;
          padding: 0; }
      .otherlists_tool > li > div:nth-child(2) ul {
        list-style: disc;
        margin: 0 0 0 1.5em; }
        .otherlists_tool > li > div:nth-child(2) ul li {
          margin: 0 0 0.3em 0; }

.newest {
  column-count: 3; }
  .newest li:hover {
    background: #FFF; }
  .newest li div div img {
    width: 200px; }
  .newest h2 {
    font-size: 1rem;
    padding: 10px;
    background: #DDD;
    border-bottom: 1px solid #CCC; }

@media (max-width: 1024px) {
  .otherlists,
  .newest {
    /*column-count: 2;*/
    grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) {
  .otherlists {
    /*column-count: 1;*/
    grid-template-columns: 1fr; }
    .otherlists li {
      display: flex;
      align-items: stretch; }
      .otherlists li > div {
        width: 50%;
        display: flex;
        align-items: center; }
      .otherlists li > div:first-child {
        border-bottom: none;
        border-right: 1px solid #CCC; }
      .otherlists li > div:nth-child(2) div {
        margin: 15px 0; }

  .otherlists_tool li,
  .newest li {
    display: block;
    position: relative; }
    .otherlists_tool li > div,
    .newest li > div {
      display: block; }
    .otherlists_tool li > div:first-child,
    .newest li > div:first-child {
      width: 100%;
      border-right: none;
      border-bottom: 1px solid #CCC; }
      .otherlists_tool li > div:first-child div,
      .newest li > div:first-child div {
        text-align: center; }
        .otherlists_tool li > div:first-child div img,
        .newest li > div:first-child div img {
          width: 200px; }
    .otherlists_tool li > div:nth-child(2),
    .newest li > div:nth-child(2) {
      width: 100%; }
      .otherlists_tool li > div:nth-child(2) div,
      .newest li > div:nth-child(2) div {
        width: initial;
        padding: 15px; }
  .otherlists_tool h2,
  .newest h2 {
    font-size: 1rem; }

  .newest {
    column-count: 1; }
    .newest li > div:nth-child(2) div {
      margin: 0;
      padding: 0; } }
/*ripair*/
ul.ripair_menu {
  list-style: none;
  margin: 3em 0 5em;
  padding: 0;
  display: flex;
  justify-content: space-between; }
  ul.ripair_menu li {
    width: calc(33.33% - 40px);
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 1rem;
    line-height: 1.1; }
    ul.ripair_menu li a {
      display: block;
      width: 70%;
      min-height: 130px;
      margin: 0 auto 5px;
      padding: 15px;
      background-image: url("/assets/images/icon/icon_ripair.svg");
      background-color: #AADDF3;
      background-repeat: no-repeat;
      background-position: center bottom 10px;
      background-size: 60% 60%;
      text-align: center;
      font-size: 1.6rem;
      font-weight: 900;
      text-decoration: none;
      border-radius: 15px;
      color: #000;
      box-shadow: 0px 0px 5px #999; }
  ul.ripair_menu li:first-child a {
    background-color: #C9E4A5; }
  ul.ripair_menu li:last-child a {
    background-color: #C9C7E6; }
  ul.ripair_menu li a:hover {
    background-color: #F90;
    box-shadow: 0px 0px 0px #999; }

@media (max-width: 1024px) {
  ul.ripair_menu li {
    width: calc(33.33% - 10px); }
    ul.ripair_menu li a {
      width: calc(100% - 30px); } }