@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*全ボックスにbox-sizingを適用*/
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
img {
  max-width: 100%;
  display: inline;
}
/*テーブル設定*/
.table {
  margin: 0 auto 24px;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}
/*テーブル設定*/
.table th, .table td {
  padding: 5px 20px;
  text-align: left;
  vertical-align: top;
  border: 1px solid #fff;
  vertical-align: baseline;
  text-align: left;
  text-justify: none;
}
/*リンク色*/
p a:link, p a:visited {
  color: #FFE300;
}
/*ルビ設定*/
.article rt {
  letter-spacing: -0.2em;
}
.article rb {
  letter-spacing: 0.1em;
}
/*テキスト左寄せ*/
.zwEvent .eventBox .article p.txtLeft {
  text-align: left;
}
/*見出し 文字色：黄*/
.zwEvent .eventBox .article p.ttl {
  font-size: 20px;
  color: #FFE300;
  font-weight: bold;
}
/*見出し 文字色：赤*/
.zwEvent .eventBox .article p.ttlRed {
  font-size: 20px;
  color: #FF0000;
  font-weight: bold;
}
/*スマホ用*/
@media screen and (max-width: 639px) {
  .pc {
    display: none;
  }
  .article {
    width: 100%;
    margin: 0 auto;
  }
  /*テキスト基本*/
  .zwEvent .eventBox .article p {
    width: 100%;
    margin: 0 auto 24px;
  }
  .scroll-table {
    margin: -24px auto 0;
    overflow: auto;
    white-space: nowrap;
    
  }
  table {
      margin: 0;
      border: none;
    }
}
/*PC用*/
@media screen and (min-width: 640px) {
  .sp {
    display: none;
  }
  .zwEvent .eventBox .article {
    width: 880px;
    margin: 0 auto;
  }
  /*テキスト基本*/
  .zwEvent .eventBox .article p {
     width: 740px;
    margin: 0 auto 24px;
  }
}
/*俺ゾイド商品*/
#ct_bg, #ct_bg .heading02 {
  padding-bottom: 20px;
  text-align: center;
}
#ct_bg .wrap01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#ct_bg .wrap01.between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#ct_bg .col {
  width: 50%;
}
/*アプリバナー*/
.appbn {
  margin: 0;
  padding: 0;
  font-size: 0;
  text-align: center;
}
.appbn li {
  display: inline-block;
  padding: 24px 4px;
  font-size: 0;
  vertical-align: middle;
}
.appbn li:first-child {
  padding: 0 4px 0 0;
}
.appbn li:first-child img {
  width: 160px;
}
.zoidswild ruby {
  position: relative;
  display: inline-block;
  padding: 0.5em 0 0 0;
  letter-spacing: 0.1em;
  vertical-align: bottom;
}
.zoidswild ruby[data-ruby]::before {
  content: attr(data-ruby);
  position: absolute;
  top: -2px;
  left: 50%;
  margin: auto;
  font-size: 10px;
  letter-spacing: -0.05em;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
}
.zoidswild rt {
  display: none;
}
/*モニターキャンペーン追加*/
#btns ul {
  width: 768px;
  display: flex;
  flex-wrap: nowrap;
  margin: 0 auto;
}
#btns ul li {
  width: 100%;
  margin: 5px;
  padding: 0 2px
}
h3 {
  font-size: 24px;
  border: 1px solid #FFF;
  padding: 7px;
  margin-bottom: 30px;
}
h4 {
  padding: 20px;
  display: inline-block;
  margin: 30px auto 0;
  font-size: 18px;
}
/*スマホ用*/
@media screen and (max-width: 639px) {
  /*モニターキャンペーン追加*/
  #btns ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
}