@charset "UTF-8";

#footer{}

.footer_sa02{
  background:#000;
  color: #fff;
  padding: 4em 1em 2em;
}

/*特典リスト*/
.editionList{
  width:100%;
  max-width: 1024px;
  margin: 4em auto 0;
  /* font-size: 2vw; */
  /* overflow: scroll; */
}

.editionList table{
  text-align: center;
  vertical-align:middle;
  line-height: 1.5;
  width: 100%;
  background: #f0f0f0;
  /* width: 130%; */
}

.editionList table tbody{
    /* width: 100%; */
    /* overflow: scroll; */
}

.editionList table tr,
.editionList table td,
.editionList table th{
  border:1px solid #848484;
  vertical-align: middle;
  text-align: center;
  padding: 0.5em;
  /* white-space: normal; */
}

.editionList table tr{
  white-space: nowrap;
  text-align: center;
  }

.editionList table tr.package{
  color:#fff;
  background: #aeaeae;
  /* width: 130%; */
  }

.editionList table tr.package th{
  white-space: nowrap;
  }

.editionList table tr.package th span{
  display:inline-block;
  }

.editionList table tr.price{
  background: #aeaeae;
  color: #fff;
  /* border-bottom: solid 2px #626262; */
  }
.editionList table tr.preorder{
  background: #ffe8f1;
  }

.editionList table tr.limited{
  /* background: #ffffff; */
  }  

.editionList table td.atd01{
  font-weight:500;
  }
.editionList table td.atd05{
  white-space: normal;
  }

@media screen and (max-width:767px) {
  .editionList{
    width:100%;
    max-width: 1024px;
    margin: 4em auto 0;
    font-size: 3vw;
    overflow: scroll;
  }
  .editionList table{
    text-align: center;
    vertical-align:middle;
    line-height: 1.5;
    width: 100%;
    background: #f0f0f0;
    width: 130%;
  }
  .editionList table tr.package th.ath01,
  .editionList table tr.price td.atd01{
  background: #9b9b9b;
  }
  .editionList table tr.package th{
  font-size: 1vw;
  }
  .editionList table tr th.ath01,
  .editionList table tr td.atd01{
    position: sticky;
    left: 0;
    z-index:1;

  }
  .editionList table tr.limited td.atd01{
    background: #e1e1e1;
    /* border-right:solid 2px; */
  }
  .editionList table tr.preorder td.atd01{
    background: #ffdcea;
  }
}