@charset "UTF-8";
/* CSS Document */
/*----CSS image gallery---------*/
.gallery img {
  max-width: 100%;
  vertical-align: top; }

.h42 {
  padding-top: 65.625%; }

.h45 {
  padding-top: 70.3125%; }

.gallery {
  display: flex;
  margin: 10px 0;
  max-width: 640px;
  position: relative;
  /*padding-top: $max-img-height42/$max-img-width  100%;*/ }
  .gallery__img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease-in-out; }
  .gallery__thumb {
    padding-top: 6px;
    margin: 6px;
    display: block; }
  .gallery__selector {
    position: absolute;
    opacity: 0;
    visibility: hidden; }
    .gallery__selector:checked + .gallery__img {
      opacity: 1; }
    .gallery__selector:checked ~ .gallery__thumb > img {
      box-shadow: 0 0 0 2px #0066CC; }

@media (min-width: 640px) {
  .h42 {
    padding-top: 420px; }

  .h45 {
    padding-top: 450px; } }
/*-------------*/
/*---------------------------*/
/*製品機能のタグ表示　ul*/
.products_tags {
  list-style: none;
  margin: 0;
  padding: 0; }
  .products_tags li {
    float: left;
    margin: 0;
    padding: 0; }
    .products_tags li a {
      display: block;
      margin: 0 5px 5px 0;
      padding: 7px 10px;
      background: #666;
      color: #FFF; }
    .products_tags li a:hover {
      background: #F90; }

/*階層あり*/
.tags_level ul {
  list-style: none;
  margin: 0;
  padding: 0; }
.tags_level li {
  margin: 0;
  padding: 0; }
.tags_level ul > li {
  display: grid;
  /*align-items: center;*/
  grid-template-columns: 1fr 5fr;
  margin-bottom: 5px; }
  .tags_level ul > li > ul {
    display: flex;
    flex-wrap: wrap;
    /*background: #AAA;*/
    /*padding: 3px;*/
    padding-left: 10px; }
    .tags_level ul > li > ul > li {
      padding: 0 2px;
      margin: 0;
      display: inline-block; }
      .tags_level ul > li > ul > li a {
        padding: 5px 10px;
        margin: 0 0 2px 0;
        display: block;
        /*border-radius: 1em;*/
        background: #666;
        color: #FFF;
        line-height: 1; }
      .tags_level ul > li > ul > li a:hover {
        background: #F90;
        color: #FFF; }
.tags_level a {
  /*white-space: nowrap;*/ }
.tags_level > ul > li > a {
  display: block;
  margin: 0;
  padding: 7px 10px;
  background: #666;
  color: #FFF;
  position: relative; }
.tags_level > ul > li > a:hover {
  background: #F90; }
.tags_level > ul > li > a:after {
  background: linear-gradient(to bottom left, transparent 50%, #666 50%) top left/100% 50% no-repeat, linear-gradient(to top left, transparent 50%, #666 50%) bottom left/100% 50% no-repeat;
  position: absolute;
  width: 7px;
  height: 100%;
  top: 0;
  right: -7px;
  content: '';
  z-index: 2; }
.tags_level > ul > li > a:hover:after {
  background: linear-gradient(to bottom left, transparent 50%, #F90 50%) top left/100% 50% no-repeat, linear-gradient(to top left, transparent 50%, #F90 50%) bottom left/100% 50% no-repeat; }

/*---------------------------*/
/*　一覧のリストページ　　　*/
/*---------------------------*/
ul.products_list {
  list-style: none;
  margin: 0;
  padding: 0; }
  ul.products_list h2 {
    font-size: 110%;
    padding: 0;
    border: none; }
    ul.products_list h2 img {
      vertical-align: middle;
      padding-left: 3px; }
  ul.products_list h3 {
    font-size: 100%;
    padding: 0;
    border: none;
    font-weight: normal;
    color: #333; }
  ul.products_list .f_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    ul.products_list .f_container div:first-child img {
      display: block;
      border: 1px solid #CCC; }

/*発売日　価格　JAN　カラー　対応*/
.products_list .f_container ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: transparent; }
  .products_list .f_container ul li {
    font-size: 11px;
    border: none;
    margin: 0;
    padding: 0;
    background-color: transparent; }
    .products_list .f_container ul li img {
      padding-right: 3px; }

.products_list .jan {
  sfont-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; }

/*カテゴリー別*/
ul.category_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  ul.category_list li:hover {
    background-color: #CCC; }
  ul.category_list li.endsales:hover,
  ul.category_list li.endsales li:hover {
    background-color: #FFF; }
  ul.category_list li {
    width: calc(50% - 58px);
    /*50+2+6*/
    margin: 0 6px 6px 0;
    padding: 25px;
    background: #FFF;
    border: 1px solid #CCC; }
    ul.category_list li h2 {
      margin: 0 0 10px 0;
      border-bottom: 1px solid #174E9D; }
    ul.category_list li div.f_container div:first-child {
      display: block;
      width: 150px;
      margin: 0;
      padding: 0; }
      ul.category_list li div.f_container div:first-child img {
        width: 100%; }
    ul.category_list li div.f_container div:last-child {
      display: block;
      margin-left: 10px;
      width: calc(100% - 162px); }
      ul.category_list li div.f_container div:last-child h3 {
        font-size: 100%;
        margin: 0 0 10px 0;
        padding: 0; }
      ul.category_list li div.f_container div:last-child li {
        width: auto;
        margin: 0; }
  ul.category_list li:nth-child(even) {
    margin: 0 0 6px 0; }

.category_list + h2 {
  margin-top: 2em; }

@media (max-width: 1024px) {
  ul.category_list {
    display: block; }
    ul.category_list li {
      width: calc(100% - 50px);
      margin: 0 0 6px 0; } }
/*---------------------*/
/*発売順　全製品一覧*/
ul.all_list {
  padding: 25px;
  background: #FFF;
  border: 1px solid #CCC; }
  ul.all_list li.f_container {
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #CCC; }
    ul.all_list li.f_container div:first-child {
      margin: 0;
      padding: 0 10px 0 0;
      display: block;
      width: 110px; }
      ul.all_list li.f_container div:first-child img {
        width: 100px; }
    ul.all_list li.f_container div:last-child {
      padding: 0;
      margin: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
      ul.all_list li.f_container div:last-child h2 {
        margin: 0 0 5px 0; }
      ul.all_list li.f_container div:last-child h3 {
        font-size: 90%;
        margin: 0; }
      ul.all_list li.f_container div:last-child ul {
        margin: 8px 0 0 0;
        padding: 8px 0 0 0;
        border-top: 1px dashed #CCC;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        ul.all_list li.f_container div:last-child ul li {
          margin: 0 15px 0 0; }
        ul.all_list li.f_container div:last-child ul li.color,
        ul.all_list li.f_container div:last-child ul li.ProductsHard {
          width: 100%;
          margin: 0; }

/*---------------------*/
/*全商品一覧ページネイト*/
.paginate {
  text-align: center;
  margin: 15px 0;
  padding: 4px 0;
  font-size: 0.8rem;
  line-height: 2;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC; }
  .paginate a,
  .paginate .ditto_currentpage {
    text-decoration: none;
    padding: 3px 6px;
    margin: 0 2px;
    border-radius: 10px;
    background: #CCC;
    color: #666; }
  .paginate a:hover,
  .paginate .ditto_currentpage {
    background: #174E9D;
    color: #FFF; }

/*---------------------*/
/*------------------------------------
製品ページ　ProductsBox.css
------------------------------------*/
.Products {
  border: 1px solid #CCC;
  background: #FFF;
  margin: 0;
  padding: 25px;
  /*min-width:840px;*/ }

@media (max-width: 640px) {
  .Products {
    padding: 15px; } }
/*製品名*/
.Products h2.ProductsName {
  margin: 0 0 10px 0;
  padding: 0;
  border-left: none;
  border-bottom: 1px solid #174E9D;
  font-size: 130%; }
  .Products h2.ProductsName img {
    vertical-align: middle; }

.Products h2.ProductsName span,
.JANcodeBox h3 span {
  font-weight: normal;
  font-size: 75%;
  color: #FFF;
  background: #999;
  border-radius: 2px;
  padding: 1px 3px; }

/*製品ヘッドコピー　introtext*/
.Products h3.readtext {
  background-color: transparent;
  padding: 0;
  margin: 0 0 10px 0;
  color: #333;
  font-size: 100%;
  font-weight: normal;
  border: none; }

/*写真エリア*/
.ProductsPhotos {
  width: 520px;
  margin-bottom: 10px;
  float: left; }

/*メイン写真*/
.ProductsPhotos div.mainphoto {
  border: 1px solid #CCC;
  margin: 0;
  padding: 0;
  width: 500px; }
  .ProductsPhotos div.mainphoto img {
    display: block;
    margin: 0 auto;
    max-width: 500px; }

@media (max-width: 1200px) {
  .ProductsPhotos {
    width: 400px;
    float: left; }

  .ProductsPhotos div.mainphoto {
    width: 100%; }
    .ProductsPhotos div.mainphoto img {
      max-width: 100%;
      width: auto;
      height: auto; } }
@media (max-width: 1024px) {
  .ProductsPhotos {
    width: 100%;
    float: none; } }
/*サブ写真*/
/*
<div class="thumbscontainer">
<ul class="thumbs">
			*/
.thumbscontainer {
  margin: 0;
  padding: 0; }
  .thumbscontainer ul.thumbs {
    list-style: none;
    margin: 0;
    padding: 0; }
    .thumbscontainer ul.thumbs li {
      float: left;
      /*margin:3px 3px 0 0; maxigallery/css/default.cssに指定済み
      border:1px solid #CCC;*/
      background: #FFF; }
      .thumbscontainer ul.thumbs li a {
        margin: 0;
        padding: 0;
        width: 72px;
        height: 74px;
        display: block;
        line-height: 72px;
        text-align: center;
        border: 1px solid #CCC; }
      .thumbscontainer ul.thumbs li img {
        vertical-align: middle;
        width: 72px; }
      .thumbscontainer ul.thumbs li p {
        display: none; }

/*--------------------------------
JANと型番
-----------------------------------*/
.JANcodeBox {
  clear: both;
  margin: 0 0 20px 0;
  padding: 15px 15px 5px;
  border: 2px solid #CCC;
  clear: both; }
  .JANcodeBox h3 {
    font-size: 100%;
    font-weight: normal;
    line-height: 100%;
    color: #333;
    margin: 0 0 0.5em 0; }
  .JANcodeBox ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .JANcodeBox li {
    margin: 0 2em 1em 0;
    padding: 0; }
  .JANcodeBox li ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 90%; }
    .JANcodeBox li ul li {
      margin: 0; }
    .JANcodeBox li ul li.jan,
    .JANcodeBox li ul li.productcode {
      font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
      text-align: left; }
      .JANcodeBox li ul li.jan img,
      .JANcodeBox li ul li.productcode img {
        margin-right: 3px; }

@media (max-width: 1024px) {
  .JANcodeBox {
    margin: 10px 0 20px 0; } }
/*--------------------------------------*/
/*JSカート*/
/*--------------------------------------*/
.cartBox {
  width: 200px;
  margin: 0;
  padding: 0 0 0 0;
  float: right;
  background: #FFF; }

.cartBox h3 {
  margin: 0 0 -1px 20px;
  padding: 0;
  background: #174E9D;
  color: #FFf;
  font-size: 90%;
  font-weight: normal;
  text-align: center; }

/*.cartBox .cartBox_single*/
.cartBox .cartjs_box {
  line-height: 110%;
  margin: 0 0 0 20px;
  padding: 5px 5px 5px 5px;
  border: 1px solid #174E9D;
  border-bottom: none; }

.cartBox .cartjs_box:first-of-type {
  background: url(cartBox_bg.png) no-repeat center top;
  padding: 5px;
  padding-top: 25px; }

.cartBox .cartjs_box:last-of-type {
  border-bottom: 1px solid #174E9D;
  margin-bottom: 20px;
  padding: 5px; }

.cartBox .cartjs_box:only-of-type {
  background: url(cartBox_bg.png) no-repeat center top;
  border-top: 1px solid #174E9D;
  border-bottom: 1px solid #174E9D;
  margin: 0 0 20px 20px;
  padding: 5px;
  padding-top: 25px; }

/*カート追加テキスト*/
.cartBox .cartBox_text_single,
.cartBox .cartBox_text {
  display: block;
  font-size: 90%;
  padding: 3px; }

.cartBox .cartBox_text_single {
  background: #EEE;
  margin-left: 20px;
  border: 1px solid #174E9D;
  border-bottom: none; }

.cartBox .cartBox_text {
  background: #174E9D;
  margin: -20px 0 20px 20px;
  color: #FFF; }

.cartBox .cartBox_text strong {
  font-size: 100%;
  font-weight: normal; }

.cartBox div img {
  width: 100%; }

.cartBox table,
.cartBox tbody,
.cartBox tr {
  display: inline; }

strong.cartjs_product_name {
  font-size: 100%;
  display: block; }

.cartBox table {
  margin: 0;
  padding: 0;
  border: none;
  width: 100%; }

.cartBox th,
.cartBox td {
  display: block;
  margin: 0 0 3px 0;
  font-weight: normal;
  color: #000;
  text-align: center; }

.cartBox th {
  padding: 1px 3px;
  background: #CCC;
  font-size: 90%; }

.cartBox td {
  padding: 3px;
  background: #FFF; }

.cartBox div div table input {
  margin: 0;
  padding: 5px;
  width: 3em;
  height: 1em;
  background: #FFF;
  color: #333;
  border: 1px solid #CCC;
  border-radius: 4px; }

.cartBox div div input {
  position/*\**/: relative\9;
  /*ieハック　IE7,IE8のみ適応　背景消え対策*/
  margin: 3px 0 0 0;
  padding: 3px;
  color: #FFF;
  font-size: 12px;
  width: 100%;
  height: 25px;
  background-image: -webkit-linear-gradient(top, #BBC9E0 0%, #4066AA 100%);
  background-image: linear-gradient(to bottom, #BBC9E 0%, #4066AA 100%);
  border-radius: 4px;
  border: none; }

.cartBox div div input:hover {
  filter: alpha(opacity=60);
  opacity: 0.60; }

.cartBox div div table input:hover {
  background: #FFC;
  filter: alpha(opacity=100);
  opacity: 1; }

@media (max-width: 640px) {
  .cartBox,
  .cartBox div div input {
    font-size: 12px; }

  .cartBox {
    width: 50%;
    margin: 0;
    padding: 0 0 0 0;
    float: right;
    background: #FFF;
    z-index: 2; } }
/*スマホ用cartjsに勝手に入るタグ用*/
article.cartjs_box {
  border-top: 1px solid #174E9D !important;
  border-bottom: 1px solid 174E9D !important; }

.cartjs_header {
  background-color: transparent;
  border-top: none; }

.cartjs_header p {
  padding: 0 !important;
  margin: 0; }

.cartjs_block {
  padding: 0 !important; }

.cartjs_block table {
  background: #ccc; }

.cartjs_block table,
.cartjs_block tbody,
.cartjs_block tr {
  display: inline !important; }

.cartjs_block table {
  margin: 0;
  padding: 0;
  border: none;
  width: 100%; }

.cartjs_block th,
.cartjs_block td {
  display: block !important;
  width: auto !important;
  margin: 0 0 3px 0;
  font-weight: normal;
  color: #000;
  text-align: center !important; }

.cartjs_block th {
  padding: 1px 3px;
  background: #CCC;
  font-size: 90%; }

.cartjs_block td {
  padding: 3px;
  background: #FFF; }

.cartjs_block div div table input {
  margin: 0;
  padding: 5px;
  width: 3em;
  height: 1em;
  background: #FFF;
  color: #333;
  border: 1px solid #CCC;
  border-radius: 4px; }

.cartjs_block p {
  margin: 0; }

.cartjs_buy input {
  width: 100% !important;
  margin: 0 0 10px 0 !important;
  padding: 5px 5px !important;
  height: auto !important; }

/*英語カート用は別ファイル*/
/*--------------------------------------*/
/*製品スペックエリア*/
/*--------------------------------------*/
.ProductsSpec {
  margin: 0 0 10px 520px;
  padding: 0;
  width: auto;
  font-size: 90%; }
  .ProductsSpec dl {
    margin: 0;
    padding: 15px;
    background: #EFEFEF;
    border-radius: 8px; }
  .ProductsSpec dt {
    background: #666;
    color: #FFF;
    margin: 0 0 3px 0;
    padding: 0px 5px;
    text-align: center; }
  .ProductsSpec dd {
    margin: 5px 0 1.5em 0;
    padding: 0 0; }
    .ProductsSpec dd ul {
      list-style: square;
      margin: 0 0 0 1.5em;
      padding: 0; }
    .ProductsSpec dd ul ul,
    .ProductsSpec dd ul.ProductsDateList {
      list-style: circle; }
    .ProductsSpec dd ol {
      margin: 0 0 0 2em;
      padding: 0; }
    .ProductsSpec dd ol + p {
      margin-top: 0.5em; }
    .ProductsSpec dd li {
      padding: 0;
      margin: 0 0 0.2em 0; }
    .ProductsSpec dd ul.note {
      list-style: none;
      margin: 5px 0 0.5em 0;
      padding: 8px 8px 4px 8px; }
      .ProductsSpec dd ul.note li {
        padding: 0 0 0 1em;
        text-indent: -1em;
        margin: 0 0 4px 0; }
    .ProductsSpec dd ul.note_h li {
      padding: 0;
      text-indent: 0; }
    .ProductsSpec dd ul.note_h h5 {
      margin: 0 0 5px 0; }
    .ProductsSpec dd h4 {
      margin: 10px 0 5px 0;
      padding: 0 10px 0 5px;
      background-color: transparent;
      border-left: 8px solid #999; }
  .ProductsSpec p {
    margin: 0 0 0.5em 0; }
  .ProductsSpec b, .ProductsSpec i, .ProductsSpec em, .ProductsSpec strong {
    color: #F00;
    text-decoration: none;
    font-style: normal;
    font-size: 100%; }

@media (max-width: 1200px) {
  .ProductsSpec {
    margin: 0 0 10px 420px; } }
@media (max-width: 1024px) {
  .ProductsSpec {
    clear: both;
    margin: 0 0 5px 0; } }
/*スペックエリアの下 サポートページヘのリンク　ライセンス表示など*/
.ProductsAttentionAria img,
.OnCartBoxSpace img {
  max-width: 100%;
  width: auto;
  height: auto; }

.ProductsAttentionAria {
  margin: 10px 0 0 0;
  padding: 9px 0 0 0;
  border-top: 1px dashed #BBB; }

.SupportLink a {
  display: block;
  margin: 0;
  padding: 3px;
  line-height: 120%;
  text-align: center;
  border-radius: 3px;
  text-decoration: none; }
.SupportLink a:link,
.SupportLink a:visited {
  background: #DDD;
  text-decoration: none; }
.SupportLink a:active,
.SupportLink a:hover {
  background: #174E9D;
  color: #FFF;
  text-decoration: none; }

.SupportLink + p {
  text-align: center; }

/*対応バナースペース*/
.OnCartBoxSpace {
  margin: 0;
  padding: 4px 0 0 0; }
  .OnCartBoxSpace p {
    margin: 0;
    padding: 0; }
  .OnCartBoxSpace img {
    padding-right: 4px; }

/*ProductsBox 上　JAN code boxの下
　　製品ページのバナー　*/
.Productsbanner {
  margin: 0 0 15px 0;
  padding: 0; }
  .Productsbanner p.banner {
    background: #EEE;
    margin: 0;
    padding: 0; }
  .Productsbanner img {
    vertical-align: bottom; }

.movie_outer + p.banner {
  margin-top: 5px; }

@media (max-width: 680px) {
  .Productsbanner img {
    width: 100%;
    height: auto; } }
/*a:link 		{ text-decoration: none;}
a	{color:  text-decoration: none;}
a: 	{color: #003366; text-decoration: none;}
a 	{color: #CC0066; text-decoration: none;}*/
/*----------------------------------*/
/*製品に関する説明エリア*/
/*-----------------------------------*/
.ProductsText {
  margin: 0;
  padding: 0; }
  .ProductsText h3 {
    background: #DDD;
    padding: 3px 10px;
    color: #000; }
  .ProductsText h3.h3img {
    background: #FFF;
    margin-top: 30px; }
  .ProductsText h3 + h2 {
    margin: 0 0 10px 0; }
  .ProductsText h2 {
    background: #FFF;
    margin: 60px 0 10px 0;
    border-left: 8px solid #DDD;
    padding: 0 0 0 8px; }
    .ProductsText h2 img {
      display: block;
      z-index: 0; }
  .ProductsText .image_fix {
    margin-right: 200px !important; }
  .ProductsText p img {
    max-width: 100%;
    width: auto;
    height: auto; }

@media (max-width: 1024px) {
  .ProductsText .image_fix {
    margin-right: 0 !important; }
  .ProductsText h2 img {
    max-width: 100%;
    width: auto;
    height: auto; } }
/*関連商品の表示 ul li a img*/
p + .thumblist {
  margin: -0.5em 0 1.5em 0; }

.thumblist {
  list-style: none;
  margin: 0 0 1.5em 0;
  font-size: 0;
  line-height: 100%; }
  .thumblist li {
    display: inline-block;
    margin: 0;
    padding: 0; }
    .thumblist li a {
      display: block;
      margin: 0 4px 4px 0;
      padding: 0;
      border: 1px solid #DDD; }
    .thumblist li a:hover {
      border: 1px solid #CC0066; }
    .thumblist li img {
      width: 100px;
      vertical-align: bottom; }

.thumblist + h3,
.thumblist + h4,
.thumblist + p {
  margin-top: 1.5em; }

/*特徴リスト　各項目にリンクつき CFPSP*/
.checkpoint {
  list-style: none; }
  .checkpoint li {
    margin: 0;
    padding: 0; }
    .checkpoint li a {
      display: block;
      text-align: center;
      margin: 7px 0;
      padding: 8px 3px;
      border-radius: 8px;
      text-decoration: none;
      font-weight: bold; }
    .checkpoint li a:link,
    .checkpoint li a:visited {
      border: 3px solid #FFF;
      background: #EFEFEF; }
    .checkpoint li a:active,
    .checkpoint li a:hover {
      border: 3px solid #DDD;
      background: #EFEFEFF; }

/*特徴リスト retrofreak製品ページ専用*/
.retrofreak_tipslink {
  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap;
  align-items: stretch;
  list-style: none;
  margin: 0 -8px 0 0;
  padding: 0; }

.retrofreak_tipslink br {
  display: none; }

.retrofreak_tipslink strong {
  font-size: 100%;
  color: #C00; }

.retrofreak_tipslink li {
  width: calc(33.33% - 10px);
  margin: 0 8px 8px 0;
  padding: 0;
  border: 1px solid #CCC;
  border-radius: 5px;
  box-shadow: #999 0px 2px 2px;
  background: #FFFFFF; }

.retrofreak_tipslink a {
  display: block;
  padding: 15px;
  color: #000;
  font-size: 120%;
  line-height: 120%; }

.retrofreak_tipslink li:hover {
  background: #FFFFFF;
  background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #99FFFF 100%);
  background-image: linear-gradient(to bottom, #FFFFFF 0%, #99FFFF 100%); }

/*ie11 ハック　:flex使わない*/
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .retrofreak_tipslink {
    display: block;
    margin: 0; }

  *::-ms-backdrop, .retrofreak_tipslink li {
    width: 100%;
    margin: 5px 0; } }
@media (max-width: 1024px) {
  .retrofreak_tipslink li {
    width: calc(50% - 10px); } }
@media (max-width: 640px) {
  .retrofreak_tipslink li {
    width: calc(100% - 10px); } }
/*製品比較などのテーブル*/
/*対応表　仕様 スクロール無し*/
.products_table_spec {
  margin: 10px 0 2em 0;
  padding: 0;
  border-collapse: collapse;
  border: none; }
  .products_table_spec caption {
    text-align: left;
    font-weight: bold;
    padding: 0 0 5px 0;
    background: none;
    color: #000; }
    .products_table_spec caption span {
      font-weight: normal;
      padding: 0 0 0 5px;
      font-size: 0.9rem; }
  .products_table_spec th, .products_table_spec td {
    padding: 5px;
    border: solid 1px #CCC; }
  .products_table_spec tbody th {
    background: #EFEFEF;
    font-weight: normal; }
  .products_table_spec tbody tr:nth-child(even) {
    background: #F4FAFF; }
    .products_table_spec tbody tr:nth-child(even) th {
      background: #DDD; }
  .products_table_spec thead th,
  .products_table_spec .tbody_header,
  .products_table_spec tr:nth-child(even) .tbody_header {
    background: #444;
    color: #FFF;
    font-weight: bold; }
  .products_table_spec tfoot td {
    border: none;
    padding: 5px 0;
    font-size: 0.9rem;
    text-align: left; }

.tdcenter td {
  text-align: center; }

.ProductsTable,
#SupportBox table.ProductsTable {
  margin: 10px 0;
  padding: 0;
  border-collapse: collapse;
  border: none; }

#SupportBox table.ProductsTable {
  margin: 30px auto; }

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

.ProductsTable img {
  width: 70px;
  vertical-align: bottom; }

.filmTable img {
  width: auto; }

.filmTable th img,
.filmTable thead td img {
  height: 121px;
  /*width:70px;*/
  padding-bottom: 2px; }

.ProductsTable caption,
#SupportBox table.ProductsTable caption {
  text-align: left;
  font-weight: bold;
  padding: 0 0 5px 0;
  background: none;
  color: #000; }

.filmTable caption {
  background: #333333;
  color: #FFF;
  padding: 3px; }

.ProductsTable caption span {
  font-weight: normal;
  padding: 0 0 0 5px;
  font-size: 90%; }

.ProductsTable td,
.ProductsTable th {
  margin: 0;
  padding: 5px;
  border: solid 1px #CCC; }

#SupportBox .tbodythl tbody th {
  font-size: 150%;
  padding: 10px; }

.ProductsTable thead th,
#SupportBox .ProductsTable thead th {
  background: #DDD;
  font-weight: normal;
  text-align: center; }

.filmTable thead td {
  background: #FFF;
  vertical-align: top;
  font-size: 80%; }
.filmTable thead tr th {
  background: #EFEFEF;
  font-size: 80%; }

.ProductsTable tbody th,
#SupportBox .ProductsTable tbody th {
  font-weight: normal;
  text-align: center;
  background: #666;
  color: #FFF; }

.ProductsTable tbody tr:nth-child(even),
#SupportBox .ProductsTable tbody tr:nth-child(even) {
  background: #F4FAFF; }

.ProductsTable tbody tr:nth-child(even) th,
#SupportBox .ProductsTable tbody tr:nth-child(even) th {
  background: #333; }

.ProductsTable tbody tr:nth-child(even) th.tbody_header,
.ProductsTable tbody tr:nth-child(odd) th.tbody_header {
  background: #DDD;
  color: #000; }

.filmTable tbody tr:nth-child(even) {
  background: #F4FAFF; }
.filmTable tbody tr:nth-child(odd) {
  background: #def0fa; }
.filmTable tbody tr:nth-child(even) th {
  background: #666; }
.filmTable tbody tr:nth-child(odd) th {
  background: #333; }

.ProductsTable td p {
  margin: 0;
  padding: 0;
  display: block; }
  .ProductsTable td p span {
    font-size: 36px;
    float: left;
    display: block;
    padding: 0 5px 5px 0;
    line-height: 36px; }
.ProductsTable td span {
  font-size: 36px; }

.ProductsTable tfoot td,
#SupportBox .ProductsTable tfoot td {
  text-align: left;
  padding: 3px 0;
  font-size: 90%;
  border: none; }

.ProductsTable .current {
  background: #FAD5D7; }

/*table 横スクロール*/
@media only screen and (max-width: 980px) {
  .tscroll table, .tscroll dl {
    width: 100%;
    table-layout: auto;
    margin-bottom: .5em; }

  .tscroll {
    overflow: auto;
    margin-bottom: 2em; }

  .tscroll::-webkit-scrollbar {
    height: 5px; }

  .tscroll::-webkit-scrollbar-track {
    background: #F1F1F1; }

  .tscroll::-webkit-scrollbar-thumb {
    background: #BCBCBC; } }
.film_table {
  margin: 10px 0;
  padding: 0;
  width: 100%;
  border-collapse: collapse;
  border: none;
  table-layout: fixed; }
  .film_table td, .film_table th {
    padding: 5px;
    border: solid 1px #CCC;
    text-align: center; }
  .film_table caption {
    background: #333333;
    color: #FFF;
    padding: 3px; }
  .film_table thead th {
    background: #EFEFEF;
    font-size: 80%; }
  .film_table thead td {
    background: #FFF;
    vertical-align: top;
    font-size: 80%; }
    .film_table thead td img {
      height: 180px;
      width: auto;
      padding-bottom: 2px; }
  .film_table tbody tr:nth-child(2n) {
    background: #F4FAFF; }
    .film_table tbody tr:nth-child(2n) th {
      background: #666;
      color: #FFF;
      width: 10em; }
  .film_table tbody tr:nth-child(2n+1) {
    background: #def0fa; }
    .film_table tbody tr:nth-child(2n+1) th {
      background: #333;
      color: #FFF; }

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

/*バナー表示*/
#ProductsBox .banner,
.cflist .banner {
  text-align: center; }

#ProductsBox .banner img,
.cflist .banner img {
  padding: 0 2px; }

/*movie表示*/
/*movie レスポンシブ*/
.movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden; }

.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*製品ページwidth:560pxまでの場合*/
.movie_outer {
  text-align: center;
  padding: 0;
  margin: 0;
  border: 1px solid #CCC; }

.movie {
  max-width: 560px;
  margin: 0 auto; }

.movie_outer + h3,
.movie-wrap + h3 {
  margin-top: 1.5em; }

.movie_outer + p,
.movie-wrap + p {
  margin-top: 10px; }

/*idexページ用*/
.movie-wrap + div {
  margin-top: 10px; }

/*PS4SE ライセンス　青かこみ 赤囲み--＞　common.css*/
.strongs {
  border: 1px solid #174E9D;
  padding: 15px; }
  .strongs h3 {
    background: #174E9D;
    color: #FFF;
    margin: -15px -15px 15px -15px; }

/*SIAAマーク*/
.siaa_mark {
  border: 1px solid #DDD;
  margin-bottom: 2em;
  padding: 10px; }

.siaa_mark p {
  margin: 0 0 10px 0; }

.siaa_mark p:first-child {
  display: block;
  padding: 0 10px 5px 0;
  margin: 0;
  float: left; }

.siaa_mark .note {
  clear: both;
  font-size: 90%;
  background: #EEE;
  border: none;
  margin: 0; }

.siaa_mark .note li {
  line-height: 110%; }

/*---------------------------*/
/*内臓コードタイトル　一覧*/
/*---------------------------*/
/*製品1個 p img*/
.codelist_pk {
  margin-bottom: 10px; }
  .codelist_pk img {
    border: 1px solid #CCC;
    background: #FFF;
    width: 250px;
    vertical-align: bottom; }

/*製品2個 p img*/
.x2 img {
  margin: 0 5px 0 0; }

/*wifi配信用　製品3個以上の場合 p img*/
.x4 img {
  width: 150px;
  margin: 0 5px 0 0; }

.codelist_text {
  display: flex;
  margin-bottom: 10px; }
  .codelist_text .codelist_pk {
    margin-bottom: 0;
    display: block; }
  .codelist_text div:nth-child(2) {
    width: calc(100% - 250px); }
    .codelist_text div:nth-child(2) ul {
      background: #FFF;
      border: 1px solid #CCC;
      padding: 15px;
      margin: 0 0 0 10px; }
      .codelist_text div:nth-child(2) ul li {
        margin: 0 0 0 15px;
        padding: 0; }
  .codelist_text div:nth-child(2).cflist {
    margin: 0 0 0 10px; }
    .codelist_text div:nth-child(2).cflist ul.wifilist {
      border: none;
      padding: 0;
      margin: 0; }

@media (max-width: 640px) {
  .codelist_text {
    display: block; }
    .codelist_text .codelist_pk {
      margin-bottom: 10px; }
    .codelist_text div:nth-child(2) {
      width: 100%; }
      .codelist_text div:nth-child(2) ul {
        margin-left: 0; }
    .codelist_text div:nth-child(2).cflist {
      margin: 0; } }
/*全製品の内蔵コード　タイトルページヘのリンク*/
ul.code_productlink {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  /*-webkit-justify-content: space-between; /* Safari */
  /*justify-content:         space-between;*/
  flex-wrap: wrap; }
  ul.code_productlink li {
    margin: 0 5px 5px 0;
    padding: 25px;
    width: 180px;
    background: #FFF;
    border: 1px solid #CCC; }
    ul.code_productlink li a {
      display: block;
      margin: 0;
      padding: 0; }
      ul.code_productlink li a img {
        vertical-align: bottom;
        width: 180px; }
  ul.code_productlink li.twoitem {
    width: 420px; }
  ul.code_productlink li:hover {
    background-color: #CCC; }

ul.code_productlink + h2,
ul.code_productlink + ul {
  margin-top: 20px; }

@media (max-width: 1200px) {
  ul.code_productlink {
    display: block; }
    ul.code_productlink li {
      width: auto;
      margin-right: 0; }
      ul.code_productlink li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center; }
      ul.code_productlink li img {
        display: block;
        margin-right: 10px; } }
.cflist {
  margin: 0 0 10px 0;
  padding: 25px;
  border: 1px solid #CCC;
  background: #FFF; }

/*製品ページの場合の内臓コードリスト*/
.ProductsText .cflist {
  margin: 0 0 1.5em 0;
  padding: 15px;
  border: 1px solid #CCC;
  border-radius: 5px; }

.cflist dl {
  margin: 10px 1.5em 1.5em 1.5em; }
  .cflist dl dt {
    margin: 0 0 0.2em 0;
    padding: 0 0 0 1em;
    text-indent: -1em;
    color: #005CA5; }
  .cflist dl span {
    color: #C33; }
  .cflist dl dd {
    margin: 0 0 0.5em 0;
    padding: 0 0 0 1em; }
    .cflist dl dd ul {
      list-style: none;
      margin: 0;
      line-height: 125%;
      font-weight: normal;
      font-size: 100%; }
.cflist dl.tokuten span {
  color: #666; }

.cflist dd h5,
.cflist table h5 {
  list-style: none;
  margin: 0;
  color: #000;
  line-height: 125%;
  font-weight: bold;
  font-size: 100%; }

.cflist table h5 {
  margin-top: 5px; }

.cflist table ul + h5 {
  margin-top: 15px; }

.cflist dd li {
  margin: 0 0 0 0; }

.cflist ul {
  margin: 10px 3em 1.5em 3em;
  list-style: disc;
  line-height: 140%; }

.cflist li {
  margin: 0 0 0.2em 0; }

@media (max-width: 1024px) {
  .cflist dl {
    margin: 10px 0 1.5em 0; }

  .cflist ul {
    margin: 10px 0 1.5em 1em; } }
/*wifi ゲームタイトルリスト*/
ul.wifilist {
  list-style: circle;
  margin: 0 0 0 1em; }
  ul.wifilist li img {
    padding: 0 5px 0 5px;
    vertical-align: middle; }

.wifimenu {
  list-style: none; }

.wifimenu li {
  display: inline;
  margin: 0;
  padding: 0 5px; }

.wifimenu li a {
  display: block;
  float: left;
  height: 30px; }

.wifimenu li img {
  padding: 0 5px; }

/*セーブエディター　3DS PS3追加配信パッチコード一覧 
div.NewsBox  div.cflist SEPS3 table
div.NewsBox  div.cflist SE3DS table*/
/*************************/
ul.SEgame {
  list-style: none;
  margin: 10px 0 1.5em 0;
  padding: 0; }

.SEgame li {
  clear: both;
  margin: 0 0 1em 0; }

.SEgame table {
  width: 100%;
  line-height: 130%;
  border-top: 2px solid #CCC;
  border-right: 2px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  margin: 10px 0; }

.SEgame table td,
.SEgame table th {
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  padding: 5px 1em;
  text-align: left; }

.SEgame table th {
  background: #EFEFEF;
  font-weight: normal;
  width: 20%; }

.SEgame table th.th_title {
  background: #DDD; }

.SEgame table th img {
  padding-right: 3px; }

.SEgame table td div {
  border-bottom: 1px dashed #DDD;
  color: #666;
  font-size: 90%; }

.SEgame table td ul {
  list-style: disc;
  margin: 0 0 0 1em;
  padding: 0; }

.SEgame table td li {
  margin: 0.5em 0 0 0;
  padding: 0; }

.SEgame table td ul + p {
  margin: 0.5em 0 0 0; }

/********************************/
.SE h4 {
  font-weight: normal;
  margin: 0;
  padding: 2px 5px;
  background: #DDD;
  color: #000;
  border-bottom: 1px solid #999; }

.SE h4 img {
  padding: 0 5px;
  float: none; }

.SE h4 strong {
  font-size: 100%; }