@media only screen and (max-width: 640px) {
  #cardlist .pageTit {
    background: url(../images/cardlist/bg_pagetit.png) no-repeat center top rgba(255, 0, 0, 0.3);
  }
  #cardlist h4.subTitle {
    margin-top: 2%;
    font-size: 140%;
  }
  #cardlist h4.subTitle small.productName {
    display: block;
    margin-bottom: -2%;
    font-weight: 300;
    font-size: 73%;
  }
  #cardlist h4.subTitle small.subName {
    display: block;
    margin-top: -2%;
    font-size: 83%;
  }
  #cardlist #snavi {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    position: relative;
    background: url(../images/common/frame/sp/bg_frame02-616.png) repeat-y;
    box-sizing: border-box;
    background-size: 100% auto;
  }
  #cardlist #snavi:after {
    width: 100%;
    height: 0;
    padding-top: 8.12%;
    display: block;
    content: "";
    background: url(../images/common/frame/sp/bar_frame02-616_btm.png) no-repeat;
    position: absolute;
    bottom: -4.12px;
    left: 0;
    z-index: 1;
    box-sizing: border-box;
    background-size: contain;
  }
  #cardlist #snavi h5 {
    background: url(../images/cardlist/sp/title_snavi_sp.png) no-repeat center top;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-size: 100% auto;
    padding-bottom: 14px;
    margin-bottom: -4px;
    position: relative;
    display: block;
    z-index: 1;
  }
  #cardlist #snavi #snaviList {
    padding-bottom: 6px;
  }
  #cardlist #snavi #snaviList li {
    display: block;
    width: 90%;
    -webkit-border-radius: 7;
    -moz-border-radius: 7;
    border-radius: 7px;
    text-shadow: none;
    -webkit-box-shadow: 0px 4px 0px #281e1f;
    -moz-box-shadow: 0px 4px 0px #281e1f;
    box-shadow: 0px 4px 0px #281e1f;
    color: #ffffff;
    background: url(../images/common/event-schedule/sp/bg_event-schedule.png);
    padding: 2% 2% 2% 10%;
    box-sizing: border-box;
    border: solid #ffffff 2px;
    text-decoration: none;
    height: auto;
    margin: 14px auto;
    position: relative;
    z-index: 5;
  }
  #cardlist #snavi #snaviList li:after {
    content: "";
    display: block;
    width: 100%;
    height: auto;
    background: url(../images/common/event-schedule/sp/icon_arw.png) no-repeat left center;
    background-size: 18px 18px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3%;
    margin: auto auto;
  }
  #cardlist #snavi #snaviList li a {
    display: block;
    position: relative;
    z-index: 10;
    font-size: 70%;
  }
  #cardlist #snavi #snaviList li small {
    display: block;
  }
  #cardlist #snavi #snaviList .newIcon {
    width: 30px;
    height: 14px;
    line-height: normal;
    font-size: 10px;
    font-weight: 500;
    position: absolute;
    display: block;
    top: -7px;
    left: -7px;
    background-color: #d80a02;
    z-index: 300;
    text-align: center;
  }
  #cardlist #snavi #snaviList .newIcon:after {
    border-color: transparent #d80a02;
    right: -7px;
    border-width: 0px 0 14px 7px;
    content: "";
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0;
  }
  #cardlist #snavi #snaviList .newIcon:before {
    border-color: transparent #d80a02;
    left: -7px;
    border-width: 14px 7px 0px 0px;
    content: "";
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0;
  }
  #cardlist #snavi #snaviList dt {
    display: block;
    width: 90%;
    -webkit-border-radius: 7;
    -moz-border-radius: 7;
    border-radius: 7px;
    text-shadow: none;
    -webkit-box-shadow: 0px 4px 0px #281e1f;
    -moz-box-shadow: 0px 4px 0px #281e1f;
    box-shadow: 0px 4px 0px #281e1f;
    color: #ffffff;
    background: url(../images/common/event-schedule/sp/bg_event-schedule.png);
    padding: 2% 2% 2% 10%;
    box-sizing: border-box;
    border: solid #ffffff 2px;
    text-decoration: none;
    font-weight: bold;
    height: auto;
    margin: 14px auto;
    position: relative;
    z-index: 5;
  }
  #cardlist #snavi #snaviList dt:after {
    content: "";
    display: block;
    width: 100%;
    height: auto;
    background: url(../images/common/event-schedule/sp/icon_downarw.png) no-repeat left center;
    background-size: 18px 18px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3%;
    margin: auto auto;
  }
  #cardlist #snavi #snaviList dd.tglCol {
    display: none;
  }
  #cardlist #snavi #snaviList dd.tglCol.open {
    display: block;
  }
  #cardlist h4 small {
    font-size: 77%;
  }
  #cardlist .cardTypeCol .readTxt {
    margin-top: 20px;
    text-align: left;
  }
  #cardlist .cardTypeCol #cardTypeNav {
    margin: 30px 0 0 15px;
    text-align: left;
  }
  #cardlist .cardTypeCol #cardTypeNav li {
    margin: 0 15px 20px;
    display: inline-block;
    color: #FFF;
    font-weight: bold;
    font-size: 100%;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: relative;
    padding-left: 35px;
  }
  #cardlist .cardTypeCol #cardTypeNav li::before {
    content: " ";
    display: block;
    width: 47px;
    height: 47px;
    position: absolute;
    top: -16%;
    left: -12%;
  }
  #cardlist .cardTypeCol #cardTypeNav li a {
    display: block;
    width: 90px;
    padding: 7px;
    box-sizing: border-box;
  }
  #cardlist .cardTypeCol #cardTypeNav li a span {
    font-size: 50%;
    font-weight: 300;
    vertical-align: middle;
    margin-right: 3px;
    line-height: normal;
  }
  #cardlist .cardTypeCol #cardTypeNav li:nth-of-type(1) {
    background-color: rgba(185, 0, 0, 0.8);
    border: 1px solid #b90000;
    text-shadow: 0 0 10px #b13f01;
  }
  #cardlist .cardTypeCol #cardTypeNav li:nth-of-type(1)::before {
    background: url(../images/common/icon_db/large/ico_1st.png) no-repeat center center;
    background-size: cover;
  }
  #cardlist .cardTypeCol #cardTypeNav li:nth-of-type(1):hover {
    box-sizing: border-box;
    background-color: rgba(185, 0, 0, 0.2);
  }
  #cardlist .cardTypeCol #cardTypeNav li:nth-of-type(2) {
    background-color: rgba(0, 70, 188, 0.8);
    border: 1px solid #0046bc;
    text-shadow: 0 0 10px #021261;
  }
  #cardlist .cardTypeCol #cardTypeNav li:nth-of-type(2)::before {
    background: url(../images/common/icon_db/large/ico_2nd.png) no-repeat center center;
    background-size: cover;
  }
  #cardlist .cardTypeCol #cardTypeNav li:nth-of-type(2):hover {
    box-sizing: border-box;
    background-color: rgba(0, 70, 188, 0.2);
  }
  #cardlist .cardTypeCol #cardTypeNav li:nth-of-type(3) {
    background-color: rgba(2, 132, 9, 0.6);
    border: 1px solid #028409;
    text-shadow: 0 0 10px #0c4a00;
  }
  #cardlist .cardTypeCol #cardTypeNav li:nth-of-type(3)::before {
    background: url(../images/common/icon_db/large/ico_3rd.png) no-repeat center center;
    background-size: cover;
  }
  #cardlist .cardTypeCol #cardTypeNav li:nth-of-type(3):hover {
    box-sizing: border-box;
    background-color: rgba(2, 132, 9, 0.2);
  }
  #cardlist .cardTypeCol #cardTypeNav li:nth-of-type(4) {
    background-color: rgba(255, 230, 0, 0.6);
    border: 1px solid #ffe600;
    text-shadow: 0 0 10px #615002;
  }
  #cardlist .cardTypeCol #cardTypeNav li:nth-of-type(4)::before {
    background: url(../images/common/icon_db/large/ico_4th.png) no-repeat center center;
    background-size: cover;
  }
  #cardlist .cardTypeCol #cardTypeNav li:nth-of-type(4):hover {
    box-sizing: border-box;
    background-color: rgba(255, 230, 0, 0.2);
  }
  #cardlist .cardTypeCol h5 {
    position: relative;
    padding: 5px 0 3px 1.8em;
    margin-left: 32px;
    line-height: 41px;
    font-size: 120%;
  }
  #cardlist .cardTypeCol h5:before {
    content: "";
    display: block;
    position: absolute;
    top: -6px;
    left: -33px;
    width: 60px;
    height: 61px;
  }
  #cardlist .cardTypeCol h6 {
    font-size: 120%;
    margin-bottom: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px 10px;
    line-height: normal;
    background-color: rgba(0, 0, 0, 0.2);
  }
  #cardlist .cardTypeCol .cardTypeInner {
    width: 99%;
  }
  #cardlist .cardTypeCol .cardTypeInner .cardTypeBox {
    padding: 0 7%;
  }
  #cardlist .cardTypeCol .cardTypeInner .cardTypeBox ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #cardlist .cardTypeCol .cardTypeInner .cardTypeBox ul::after {
    content: "";
    display: block;
    width: 600px;
    height: 5px;
    background: #ff3300;
    margin: 5px auto 30px;
  }
  #cardlist .cardTypeCol .cardTypeInner .cardTypeBox ul li {
    width: 48%;
    margin: 0px 10px 25px 0;
  }
  #cardlist .cardTypeCol .cardTypeInner .cardTypeBox ul li:nth-child(2n) {
    margin: 0 0 25px 0;
  }
  #cardlist .cardTypeCol .cardTypeInner .cardTypeBox ul li figure a img {
    height: 100%;
  }
  #cardlist .cardTypeCol .cardTypeInner .cardTypeBox ul li figure figcaption {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    margin: 10px auto 0;
    line-height: normal;
    font-size: 93%;
  }
  #cardlist .cardTypeCol .cardColorRed h5 {
    background-color: rgba(185, 0, 0, 0.8);
  }
  #cardlist .cardTypeCol .cardColorRed h5:before {
    background: url(../images/common/icon_db/large/ico_1st.png) no-repeat left center;
  }
  #cardlist .cardTypeCol .cardColorRed ul:last-child::after {
    display: none;
  }
  #cardlist .cardTypeCol .cardColorRed ul figure figcaption {
    background-color: rgba(185, 0, 0, 0.8);
  }
  #cardlist .cardTypeCol .cardColorBlue h5 {
    margin-top: 40px;
    background-color: rgba(0, 70, 188, 0.8);
    text-shadow: 0 0 10px #021261;
  }
  #cardlist .cardTypeCol .cardColorBlue h5:before {
    background: url(../images/common/icon_db/large/ico_2nd.png) no-repeat left center;
  }
  #cardlist .cardTypeCol .cardColorBlue ul:last-child::after {
    display: none;
  }
  #cardlist .cardTypeCol .cardColorBlue ul figure figcaption {
    background-color: rgba(0, 70, 188, 0.8);
    text-shadow: 0 0 10px #021261;
  }
  #cardlist .cardTypeCol .cardColorGreen h5 {
    margin-top: 40px;
    background-color: rgba(2, 132, 9, 0.6);
    text-shadow: 0 0 10px #0c4a00;
  }
  #cardlist .cardTypeCol .cardColorGreen h5:before {
    background: url(../images/common/icon_db/large/ico_3rd.png) no-repeat left center;
  }
  #cardlist .cardTypeCol .cardColorGreen ul:last-child::after {
    display: none;
  }
  #cardlist .cardTypeCol .cardColorGreen ul figure figcaption {
    background-color: rgba(2, 132, 9, 0.6);
    text-shadow: 0 0 10px #0c4a00;
  }
  #cardlist .cardTypeCol .cardColorYellow h5 {
    margin-top: 40px;
    background-color: rgba(255, 230, 0, 0.6);
    text-shadow: 0 0 10px #615002;
  }
  #cardlist .cardTypeCol .cardColorYellow h5:before {
    background: url(../images/common/icon_db/large/ico_4th.png) no-repeat left center;
  }
  #cardlist .cardTypeCol .cardColorYellow ul:last-child::after {
    display: none;
  }
  #cardlist .cardTypeCol .cardColorYellow ul figure figcaption {
    background-color: rgba(255, 230, 0, 0.6);
    text-shadow: 0 0 10px #615002;
  }
  #cardlist .cardBack {
    display: none;
  }
  #cardlist #searchCol {
    width: 100%;
    display: block;
    margin: 6% 0 0;
    background: url(../images/common/frame/sp/bg_frame02-616.png) repeat-y;
    position: relative;
    box-sizing: border-box;
    background-size: 100% auto;
  }
  #cardlist #searchCol:after {
    width: 100%;
    height: 0;
    padding-top: 8.12%;
    display: block;
    content: "";
    background: url(../images/common/frame/sp/bar_frame02-616_btm.png) no-repeat;
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 1;
    box-sizing: border-box;
    background-size: contain;
  }
  #cardlist #searchCol h5 {
    margin-top: -8px;
  }
  #cardlist #searchCol h5 img {
    width: 100%;
    height: auto;
    margin-top: -3px;
  }
  #cardlist #searchCol dl {
    width: 94%;
    margin: 15px auto 0px;
    padding-bottom: 5px;
  }
  #cardlist #searchCol dl dt.tglBtn {
    width: 94%;
    margin: 0 auto;
    position: relative;
    z-index: 6;
    padding-bottom: 15px;
  }
  #cardlist #searchCol dl dt.tglBtn img {
    height: auto;
  }
  #cardlist #searchCol dl dd.tglCol {
    display: none;
  }
  #cardlist #searchCol dl dd.tglCol.open {
    display: block;
  }
  #cardlist #searchCol dl dd dl {
    font-weight: 500;
    margin: 0px auto 5px;
    font-size: 60%;
  }
  #cardlist #searchCol dl dd dl dt {
    height: 35px;
    width: 100%;
    box-sizing: border-box;
    padding: 2px 5px 0;
    background-color: #330000;
    border: #330000 1px solid;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    line-height: normal;
    border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    line-height: 100%;
  }
  #cardlist #searchCol dl dd dl dd {
    display: table-cell;
  }
  #cardlist #searchCol dl dd dl dd input,
  #cardlist #searchCol dl dd dl dd select {
    height: 35px;
    width: 180px;
    padding: 0 5px;
    background-color: #FFF;
    vertical-align: middle;
    line-height: normal;
    border: #330000 1px solid;
    box-sizing: border-box;
    border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
  }
  #cardlist #searchCol dl dd .btn_search, #cardlist #searchCol dl dd .btn_reset {
    clear: both;
    display: block;
    position: relative;
  }
  #cardlist #searchCol dl dd .btn_search input, #cardlist #searchCol dl dd .btn_reset input {
    display: block;
    border: none;
    cursor: pointer;
    text-indent: -9999px;
    z-index: 10;
    position: relative;
    background: none;
  }
  #cardlist #searchCol dl dd .btn_search img, #cardlist #searchCol dl dd .btn_reset img {
    height: auto;
    position: absolute;
    cursor: pointer;
  }
  #cardlist #searchCol dl dd .btn_search input {
    width: 85vw;
    height: 4vh;
    margin: 0 auto 1em;
  }
  #cardlist #searchCol dl dd .btn_search img {
    width: 85vw;
    top: 0;
    left: 3%;
  }
  #cardlist #searchCol dl dd .btn_reset input {
    width: 36vw;
    height: 4vh;
    margin: 1em auto 1em;
  }
  #cardlist #searchCol dl dd .btn_reset img {
    width: 36vw;
    top: 0;
    left: 30%;
  }
  #cardlist #listCol {
    display: block;
  }
  #cardlist #listCol .list-inner li {
    margin: 30px 0;
    display: block;
    background: url(../images/cardlist/sp/bg_card-col-616.png) repeat-y;
    position: relative;
    box-sizing: border-box;
    background-size: 100% auto;
    text-shadow: none;
  }
  #cardlist #listCol .list-inner li:before {
    width: 100%;
    height: 0;
    padding-top: 8.12%;
    display: block;
    content: "";
    background: url(../images/cardlist/sp/bar_card-col-616_top.png) no-repeat;
    position: absolute;
    top: -0.53%;
    left: 0;
    z-index: 1;
    box-sizing: border-box;
    background-size: contain;
  }
  #cardlist #listCol .list-inner li:after {
    width: 100%;
    height: 0;
    padding-top: 8.12%;
    display: block;
    content: "";
    background: url(../images/cardlist/sp/bar_card-col-616_btm.png) no-repeat;
    position: absolute;
    bottom: -0.53%;
    left: 0;
    z-index: 1;
    box-sizing: border-box;
    background-size: contain;
  }
  #cardlist #listCol p.mesCol {
    text-align: center;
    font-size: 83%;
    font-weight: 500;
    margin: 17px 0;
    text-shadow: 0 0 10px #da4d00;
  }
  #cardlist #listCol .paginator {
    margin: 6% 0 -3%;
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }
  #cardlist #listCol .paginator .pager {
    display: flex;
  }
  #cardlist #listCol .paginator:last-of-type {
    margin: 5% 0;
  }
  #cardlist #listCol .paginator a {
    width: 7vw;
    height: 4vh;
    font-size: 0.8rem;
    line-height: 2.5em;
    text-align: center;
    margin: 0.2em 0.2em 0.2em 0.2em;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
  }
  #cardlist #listCol .paginator a.pageBtn {
    background-color: #ff3300;
  }
  #cardlist #listCol .paginator a.pageBtn:hover {
    background-color: #330000;
  }
  #cardlist #listCol .paginator a.current {
    background-color: #330000;
  }
  #cardlist #listCol .paginator a:hover {
    background-color: #ff3300;
  }
  #cardlist #listCol .paginator a.disable {
    background-color: #330000;
    pointer-events: none;
  }
  #cardlist dl.cardListCol {
    padding: 10px 0 10px;
    width: 320px;
    margin: 0 auto;
    position: relative;
    z-index: 5;
  }
  #cardlist dl.cardListCol dt.cardNumber {
    width: 90px;
    height: 37px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    font-weight: 500;
    font-size: 70%;
    line-height: 1.2em;
    padding: 2%;
  }
  #cardlist dl.cardListCol dd.cardName {
    width: 230px;
    background-color: #323232;
    vertical-align: middle;
    display: table-cell;
    font-weight: 500;
    font-size: 70%;
    line-height: 1.2em;
    padding: 2%;
  }
  #cardlist dl.cardListCol dd.leftCol dt,
  #cardlist dl.cardListCol dd.rightCol dt,
  #cardlist dl.cardListCol dd.bottomCol dt {
    padding: 4px;
    text-align: center;
    font-weight: 500;
    font-size: 70%;
    line-height: 1.3em;
  }
  #cardlist dl.cardListCol dd.leftCol dd,
  #cardlist dl.cardListCol dd.rightCol dd,
  #cardlist dl.cardListCol dd.bottomCol dd {
    background-color: #323232;
    padding: 4px;
    text-align: center;
    font-weight: 500;
    font-size: 70% !important;
    line-height: 1.2em;
  }
  #cardlist dl.cardListCol dd.leftCol .availableDateCol dd .noteTxt, #cardlist dl.cardListCol dd.leftCol .notesCol dd .noteTxt,
  #cardlist dl.cardListCol dd.rightCol .availableDateCol dd .noteTxt,
  #cardlist dl.cardListCol dd.rightCol .notesCol dd .noteTxt,
  #cardlist dl.cardListCol dd.bottomCol .availableDateCol dd .noteTxt,
  #cardlist dl.cardListCol dd.bottomCol .notesCol dd .noteTxt {
    font-size: 70%;
    line-height: 1.2em;
    display: block;
    margin-top: 1.2%;
  }
  #cardlist dd.leftCol {
    display: block;
    width: 320px;
    margin: 5px 0 0px;
  }
  #cardlist dd.leftCol .cardimg {
    float: left;
    display: block;
    margin-right: 5px;
  }
  #cardlist dd.leftCol .cardimg img {
    width: 130px;
    -moz-transition: -moz-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    transition: transform 0.1s linear;
  }
  #cardlist dd.leftCol .cardimg img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  #cardlist dd.leftCol dl.seriesCol {
    margin: 0 0 5px;
    width: 185px;
    float: left;
  }
  #cardlist dd.leftCol dl.rarityCol {
    width: 185px;
    float: left;
  }
  #cardlist dd.rightCol {
    width: 320px;
    display: block;
    padding-top: 5px;
    clear: both;
  }
  #cardlist dd.rightCol dl {
    display: block;
    float: left;
    margin-bottom: 5px;
  }
  #cardlist dd.rightCol dl dt span.brk::before {
    content: "\a";
    white-space: pre;
  }
  #cardlist dd.rightCol dl.typeCol {
    width: 106px;
    margin-right: 2px;
  }
  #cardlist dd.rightCol dl.colorCol {
    width: 106px;
    margin-right: 2px;
  }
  #cardlist dd.rightCol dl.powerCol {
    width: 104px;
  }
  #cardlist dd.rightCol dl.energyCol {
    width: 176px;
    margin-right: 2px;
  }
  #cardlist dd.rightCol dl.energyCol dd .colorCostBall {
    width: 15px;
    padding: 0px 2px;
    vertical-align: middle;
  }
  #cardlist dd.rightCol dl.comboEnergyCol {
    width: 70px;
    margin-right: 2px;
  }
  #cardlist dd.rightCol dl.comboPowerCol {
    width: 70px;
  }
  #cardlist dd.rightCol dl.characterCol {
    width: 320px;
  }
  #cardlist dd.rightCol dl.specialTraitCol {
    width: 158px;
    margin-right: 2px;
  }
  #cardlist dd.rightCol dl.eraCol {
    width: 160px;
  }
  #cardlist dd.rightCol dl.skillCol {
    width: 320px;
  }
  #cardlist dd.rightCol dl.skillCol dd {
    padding: 5px;
    text-align: left;
    font-weight: 300;
    line-height: 1.5em;
  }
  #cardlist dd.rightCol dl.skillCol dd.centerText {
    text-align: center;
  }
  #cardlist dd.rightCol dl.skillCol dd img {
    padding-top: 3px;
    width: auto;
    height: 1.35em;
  }
  #cardlist dd.rightCol dl.skillCol dd img.unisonText {
    vertical-align: middle;
    margin: -0.5vw 0 0 0;
    width: 6vw;
    height: 100%;
  }
  #cardlist .csrdTypeZ-EXTRA dd.rightCol dl.typeCol {
    width: 75px;
    margin-right: 2px;
  }
  #cardlist .csrdTypeZ-EXTRA dd.rightCol dl.colorCol {
    width: 75px;
    margin-right: 2px;
  }
  #cardlist .csrdTypeZ-EXTRA dd.rightCol dl.energyCol {
    width: 166px;
    margin-right: 0px;
  }
  #cardlist .csrdTypeEXTRA dd.rightCol dl.typeCol {
    width: 75px;
    margin-right: 2px;
  }
  #cardlist .csrdTypeEXTRA dd.rightCol dl.colorCol {
    width: 75px;
    margin-right: 2px;
  }
  #cardlist .csrdTypeEXTRA dd.rightCol dl.energyCol {
    width: 166px;
    margin-right: 0px;
  }
  #cardlist .csrdTypeUNISON dd.rightCol dl.energyCol, #cardlist .csrdTypeUNISSON dd.rightCol dl.energyCol {
    width: 320px;
    margin-right: 0px;
  }
  #cardlist .csrdTypeZ-BATTLE dd.rightCol dl.energyCol, #cardlist .csrdTypeZ-BATTLE dd.rightCol dl.energyCol {
    width: 320px;
    margin-right: 0px;
  }
  #cardlist dd.bottomCol {
    clear: both;
  }
  #cardlist dl.cardColorRed dt, #cardlist dl.cardColorRouge dt, #cardlist dl.cardColorRosso dt {
    background-color: #b40f15;
  }
  #cardlist dl.cardColorBlue dt, #cardlist dl.cardColorBleu dt, #cardlist dl.cardColorBlu dt {
    background-color: #0f63a3;
  }
  #cardlist dl.cardColorGreen dt, #cardlist dl.cardColorVert dt, #cardlist dl.cardColorVerde dt {
    background-color: #028d30;
  }
  #cardlist dl.cardColorYellow dt, #cardlist dl.cardColorJaune dt, #cardlist dl.cardColorGiallo dt {
    background-color: #f7c600;
  }
  #cardlist dl.cardColorBlack dt, #cardlist dl.cardColorNoir dt, #cardlist dl.cardColorNero dt {
    background-color: #000000;
  }
  #cardlist dl.cardColorWhite dt, #cardlist dl.cardColorBlanc dt {
    color: #000000;
    background-color: #ffffff;
  }
  #cardlist dl.cardColorBlackWhite dt, #cardlist dl.cardColorNoirBlanc dt {
    color: #8b8b8b;
  }
  #cardlist dl.cardColorBlueWhite dt, #cardlist dl.cardColorBleuBlanc dt {
    color: #000000;
  }
  #cardlist dl.cardColorRedGreen dt, #cardlist dl.cardColorRougeVert dt, #cardlist dl.cardColorRossoVerde dt {
    background: url(../images/cardlist/common/bg_RedGreen.png) repeat-y center center;
  }
  #cardlist dl.cardColorBlueYellow dt, #cardlist dl.cardColorBleuJaune dt, #cardlist dl.cardColorBluGiallo dt {
    background: url(../images/cardlist/common/bg_BlueYellow.png) repeat-y center center;
  }
  #cardlist dl.cardColorGreenYellow dt, #cardlist dl.cardColorVertJaune dt, #cardlist dl.cardColorVerdeGiallo dt {
    background: url(../images/cardlist/common/bg_GreenYellow.png) repeat-y center center;
  }
  #cardlist dl.cardColorRedYellow dt, #cardlist dl.cardColorRougeJaune dt, #cardlist dl.cardColorRossoGiallo dt {
    background: url(../images/cardlist/common/bg_RedYellow.png) repeat-y center center;
  }
  #cardlist dl.cardColorRedBlue dt, #cardlist dl.cardColorRougeBleu dt, #cardlist dl.cardColorRossoBlu dt {
    background: url(../images/cardlist/common/bg_RedBlue.png) repeat-y center center;
  }
  #cardlist dl.cardColorBlueGreen dt, #cardlist dl.cardColorBleuVert dt, #cardlist dl.cardColorBluVerde dt {
    background: url(../images/cardlist/common/bg_BlueGreen.png) repeat-y center center;
  }
  #cardlist dl.cardColorRedBlack dt, #cardlist dl.cardColorRougeNoir dt, #cardlist dl.cardColorRossoNero dt {
    background: url(../images/cardlist/common/bg_RedBlack.png) repeat-y center center;
  }
  #cardlist dl.cardColorBlueBlack dt, #cardlist dl.cardColorBleuNoir dt, #cardlist dl.cardColorBluNero dt {
    background: url(../images/cardlist/common/bg_BlueBlack.png) repeat-y center center;
  }
  #cardlist dl.cardColorYellowBlack dt, #cardlist dl.cardColorJauneNoir dt, #cardlist dl.cardColorGialloNero dt {
    background: url(../images/cardlist/common/bg_YellowBlack.png) repeat-y center center;
  }
  #cardlist dl.cardColorGreenBlack dt, #cardlist dl.cardColorVertNoir dt, #cardlist dl.cardColorVerdeNero dt {
    background: url(../images/cardlist/common/bg_GreenBlack.png) repeat-y center center;
  }
  #cardlist dl.cardColorBlackWhite dt, #cardlist dl.cardColorNoirBlanc dt {
    background: url(../images/cardlist/common/bg_BlackWhite.png) repeat-y center center;
  }
  #cardlist dl.cardColorBlueWhite dt, #cardlist dl.cardColorBleuBlanc dt {
    background: url(../images/cardlist/common/bg_BlueWhite.png) repeat-y center center;
  }
  #cardlist dd.bottomCol dl:nth-child(2) {
    margin-top: 5px;
  }
  #cardlist dd.bottomCol .btn_cardswitching {
    width: 320px;
    margin: 10px auto 0px;
    text-align: center;
  }
  #cardlist dd.bottomCol .btn_cardswitching img {
    height: auto;
  }
  #cardlist dd.bottomCol .notesCol a {
    display: block;
    width: 50%;
    -webkit-border-radius: 7;
    -moz-border-radius: 7;
    border-radius: 7px;
    text-shadow: none;
    -webkit-box-shadow: 0px 4px 0px #281e1f;
    -moz-box-shadow: 0px 4px 0px #281e1f;
    box-shadow: 0px 4px 0px #281e1f;
    color: #ffffff;
    background: url(../images/common/event-schedule/sp/bg_event-schedule.png);
    padding: 2% 0 2% 6%;
    box-sizing: border-box;
    border: solid #ffffff 2px;
    text-decoration: none;
    height: auto;
    margin: 9px auto 7px;
    position: relative;
    z-index: 5;
  }
  #cardlist dd.bottomCol .notesCol a:after {
    content: "";
    display: block;
    width: 100%;
    height: auto;
    background: url(../images/common/event-schedule/sp/icon_arw.png) no-repeat left center;
    background-size: 18px 18px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 6%;
    margin: auto auto;
  }
  #cardlist dd.bottomCol .notesCol a:hover {
    text-shadow: 0px 0px 5px #FFF, 0px 0px 10px #ffe500, 0px 0px 15px #ffe500;
  }
}
@media only screen and (max-width: 640px) and (max-width: 320px) {
  #cardlist dl.cardListCol {
    padding: 10px 0 10px;
    width: 290px;
  }
  #cardlist dl.cardListCol dt.cardNumber {
    width: 90px;
    height: 37px;
    font-size: 70%;
    line-height: 1.2em;
    padding: 2%;
  }
  #cardlist dl.cardListCol dd.cardName {
    width: 230px;
    padding: 5px 12px;
    font-size: 70%;
    line-height: 1.2em;
    padding: 2%;
  }
  #cardlist dl.cardListCol dd.leftCol dt,
  #cardlist dl.cardListCol dd.rightCol dt,
  #cardlist dl.cardListCol dd.bottomCol dt {
    padding: 4px;
    font-size: 60%;
  }
  #cardlist dl.cardListCol dd.leftCol dd,
  #cardlist dl.cardListCol dd.rightCol dd,
  #cardlist dl.cardListCol dd.bottomCol dd {
    padding: 4px;
    font-size: 83%;
  }
  #cardlist dd.leftCol {
    width: 290px;
  }
  #cardlist dd.leftCol .cardimg img {
    width: 100px;
  }
  #cardlist dd.leftCol dl.seriesCol {
    width: 185px;
  }
  #cardlist dd.leftCol dl.rarityCol {
    width: 185px;
  }
  #cardlist dd.rightCol {
    width: 290px;
  }
  #cardlist dd.rightCol dl.typeCol,
  #cardlist dd.rightCol dl.colorCol {
    width: 95px;
  }
  #cardlist dd.rightCol dl.powerCol {
    width: 96px;
  }
  #cardlist dd.rightCol dl.energyCol {
    width: 170px;
  }
  #cardlist dd.rightCol dl.energyCol dd .colorCostBall {
    width: 15px;
  }
  #cardlist dd.rightCol dl.comboEnergyCol,
  #cardlist dd.rightCol dl.comboPowerCol {
    width: 58px;
  }
  #cardlist dd.rightCol dl.characterCol {
    width: 290px;
  }
  #cardlist dd.rightCol dl.specialTraitCol {
    width: 144px;
  }
  #cardlist dd.rightCol dl.eraCol {
    width: 144px;
  }
  #cardlist dd.rightCol dl.skillCol {
    width: 290px;
  }
  #cardlist .csrdTypeEXTRA dd.rightCol dl.typeCol,
  #cardlist .csrdTypeEXTRA dd.rightCol dl.colorCol {
    width: 65px;
  }
  #cardlist .csrdTypeEXTRA dd.rightCol dl.energyCol {
    width: 156px;
  }
  #cardlist .csrdTypeUNISON dd.rightCol dl.energyCol {
    width: 290px;
    margin-right: 0px;
  }
  #cardlist .csrdTypeZ-BATTLE dd.rightCol dl.energyCol {
    width: 290px;
    margin-right: 0px;
  }
  #cardlist dd.bottomCol .btn_cardswitching {
    width: 290px;
  }
  #cardlist dd.bottomCol .notesCol a {
    display: block;
    width: 50%;
    -webkit-border-radius: 7;
    -moz-border-radius: 7;
    border-radius: 7px;
    text-shadow: none;
    -webkit-box-shadow: 0px 4px 0px #281e1f;
    -moz-box-shadow: 0px 4px 0px #281e1f;
    box-shadow: 0px 4px 0px #281e1f;
    color: #ffffff;
    background: url(../images/common/event-schedule/sp/bg_event-schedule.png);
    padding: 2% 0 2% 6%;
    box-sizing: border-box;
    border: solid #ffffff 2px;
    text-decoration: none;
    height: auto;
    margin: 9px auto 7px;
    position: relative;
    z-index: 5;
  }
  #cardlist dd.bottomCol .notesCol a:after {
    content: "";
    display: block;
    width: 100%;
    height: auto;
    background: url(../images/common/event-schedule/sp/icon_arw.png) no-repeat left center;
    background-size: 18px 18px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 6%;
    margin: auto auto;
  }
  #cardlist dd.bottomCol .notesCol a:hover {
    text-shadow: 0px 0px 5px #FFF, 0px 0px 10px #ffe500, 0px 0px 15px #ffe500;
  }
}

@media only screen and (min-width: 641px) {
  #cardlist .pageTit {
    background: url(../images/cardlist/bg_pagetit.png) no-repeat center top rgba(255, 0, 0, 0.3);
  }
  #cardlist h4.subTitle {
    margin-top: 30px;
  }
  #cardlist h4.subTitle small.productName {
    display: block;
    margin-bottom: -0.8%;
    font-weight: 300;
    font-size: 73%;
  }
  #cardlist h4.subTitle small.subName {
    display: block;
    margin-top: -0.8%;
    font-size: 73%;
  }
  #cardlist #snavi #snaviList li {
    position: relative;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428010 a {
    background: url(../images/cardlist/snavi_428010.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428010 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428010 a.current {
    background: url(../images/cardlist/snavi_428010_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428011 a {
    background: url(../images/cardlist/snavi_428011.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428011 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428011 a.current {
    background: url(../images/cardlist/snavi_428011_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428012 a {
    background: url(../images/cardlist/snavi_428012.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428012 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428012 a.current {
    background: url(../images/cardlist/snavi_428012_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428013 a {
    background: url(../images/cardlist/snavi_428013.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428013 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428013 a.current {
    background: url(../images/cardlist/snavi_428013_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428014 a {
    background: url(../images/cardlist/snavi_428014.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428014 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428014 a.current {
    background: url(../images/cardlist/snavi_428014_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428015 a {
    background: url(../images/cardlist/snavi_428015.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428015 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428015 a.current {
    background: url(../images/cardlist/snavi_428015_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428016 a {
    background: url(../images/cardlist/snavi_428016.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428016 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428016 a.current {
    background: url(../images/cardlist/snavi_428016_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428017 a {
    background: url(../images/cardlist/snavi_428017.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428017 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428017 a.current {
    background: url(../images/cardlist/snavi_428017_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428018 a {
    background: url(../images/cardlist/snavi_428018.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428018 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428018 a.current {
    background: url(../images/cardlist/snavi_428018_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428019 a {
    background: url(../images/cardlist/snavi_428019.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428019 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428019 a.current {
    background: url(../images/cardlist/snavi_428019_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428020 a {
    background: url(../images/cardlist/snavi_428020.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428020 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428020 a.current {
    background: url(../images/cardlist/snavi_428020_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428021 a {
    background: url(../images/cardlist/snavi_428021.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428021 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428021 a.current {
    background: url(../images/cardlist/snavi_428021_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428022 a {
    background: url(../images/cardlist/snavi_428022.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428022 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428022 a.current {
    background: url(../images/cardlist/snavi_428022_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428023 a {
    background: url(../images/cardlist/snavi_428023.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428023 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428023 a.current {
    background: url(../images/cardlist/snavi_428023_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428024 a {
    background: url(../images/cardlist/snavi_428024.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428024 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428024 a.current {
    background: url(../images/cardlist/snavi_428024_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428025 a {
    background: url(../images/cardlist/snavi_428025.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428025 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428025 a.current {
    background: url(../images/cardlist/snavi_428025_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428026 a {
    background: url(../images/cardlist/snavi_428026.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428026 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428026 a.current {
    background: url(../images/cardlist/snavi_428026_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428027 a {
    background: url(../images/cardlist/snavi_428027.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428027 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428027 a.current {
    background: url(../images/cardlist/snavi_428027_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428028 a {
    background: url(../images/cardlist/snavi_428028.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428028 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428028 a.current {
    background: url(../images/cardlist/snavi_428028_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428029 a {
    background: url(../images/cardlist/snavi_428029.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428029 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428029 a.current {
    background: url(../images/cardlist/snavi_428029_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428030 a {
    background: url(../images/cardlist/snavi_428030.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428030 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428030 a.current {
    background: url(../images/cardlist/snavi_428030_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428001 a {
    background: url(../images/cardlist/snavi_428001.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428001 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428001 a.current {
    background: url(../images/cardlist/snavi_428001_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428002 a {
    background: url(../images/cardlist/snavi_428002.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428002 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428002 a.current {
    background: url(../images/cardlist/snavi_428002_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428003 a {
    background: url(../images/cardlist/snavi_428003.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428003 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428003 a.current {
    background: url(../images/cardlist/snavi_428003_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428004 a {
    background: url(../images/cardlist/snavi_428004.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428004 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428004 a.current {
    background: url(../images/cardlist/snavi_428004_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428005 a {
    background: url(../images/cardlist/snavi_428005.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428005 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428005 a.current {
    background: url(../images/cardlist/snavi_428005_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428006 a {
    background: url(../images/cardlist/snavi_428006.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428006 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428006 a.current {
    background: url(../images/cardlist/snavi_428006_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428007 a {
    background: url(../images/cardlist/snavi_428007.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428007 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428007 a.current {
    background: url(../images/cardlist/snavi_428007_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428008 a {
    background: url(../images/cardlist/snavi_428008.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428008 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428008 a.current {
    background: url(../images/cardlist/snavi_428008_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428009 a {
    background: url(../images/cardlist/snavi_428009.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428009 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428009 a.current {
    background: url(../images/cardlist/snavi_428009_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428100 a {
    background: url(../images/cardlist/snavi_428100.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428100 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428100 a.current {
    background: url(../images/cardlist/snavi_428100_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428101 a {
    background: url(../images/cardlist/snavi_428101.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428101 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428101 a.current {
    background: url(../images/cardlist/snavi_428101_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428102 a {
    background: url(../images/cardlist/snavi_428102.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428102 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428102 a.current {
    background: url(../images/cardlist/snavi_428102_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428103 a {
    background: url(../images/cardlist/snavi_428103.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428103 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428103 a.current {
    background: url(../images/cardlist/snavi_428103_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428201 a {
    background: url(../images/cardlist/snavi_428201.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428201 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428201 a.current {
    background: url(../images/cardlist/snavi_428201_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428202 a {
    background: url(../images/cardlist/snavi_428202.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428202 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428202 a.current {
    background: url(../images/cardlist/snavi_428202_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428301 a {
    background: url(../images/cardlist/snavi_428301.png?v2) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428301 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428301 a.current {
    background: url(../images/cardlist/snavi_428301_ov.png?v2) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428302 a {
    background: url(../images/cardlist/snavi_428302.png?v2) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428302 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428302 a.current {
    background: url(../images/cardlist/snavi_428302_ov.png?v2) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428303 a {
    background: url(../images/cardlist/snavi_428303.png?v2) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428303 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428303 a.current {
    background: url(../images/cardlist/snavi_428303_ov.png?v2) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428304 a {
    background: url(../images/cardlist/snavi_428304.png?v2) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428304 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428304 a.current {
    background: url(../images/cardlist/snavi_428304_ov.png?v2) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428305 a {
    background: url(../images/cardlist/snavi_428305.png?v2) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428305 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428305 a.current {
    background: url(../images/cardlist/snavi_428305_ov.png?v2) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428306 a {
    background: url(../images/cardlist/snavi_428306.png?v2) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428306 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428306 a.current {
    background: url(../images/cardlist/snavi_428306_ov.png?v2) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428307 a {
    background: url(../images/cardlist/snavi_428307.png?v2) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428307 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428307 a.current {
    background: url(../images/cardlist/snavi_428307_ov.png?v2) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428308 a {
    background: url(../images/cardlist/snavi_428308.png?v2) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428308 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428308 a.current {
    background: url(../images/cardlist/snavi_428308_ov.png?v2) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428309 a {
    background: url(../images/cardlist/snavi_428309.png?v2) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428309 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428309 a.current {
    background: url(../images/cardlist/snavi_428309_ov.png?v2) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428310 a {
    background: url(../images/cardlist/snavi_428310.png?v2) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428310 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428310 a.current {
    background: url(../images/cardlist/snavi_428310_ov.png?v2) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428311 a {
    background: url(../images/cardlist/snavi_428311.png?v2) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428311 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428311 a.current {
    background: url(../images/cardlist/snavi_428311_ov.png?v2) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428312 a {
    background: url(../images/cardlist/snavi_428312.png?v2) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428312 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428312 a.current {
    background: url(../images/cardlist/snavi_428312_ov.png?v2) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428313 a {
    background: url(../images/cardlist/snavi_428313.png?v2) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428313 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428313 a.current {
    background: url(../images/cardlist/snavi_428313_ov.png?v2) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428314 a {
    background: url(../images/cardlist/snavi_428314.png?v2) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428314 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428314 a.current {
    background: url(../images/cardlist/snavi_428314_ov.png?v2) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428315 a {
    background: url(../images/cardlist/snavi_428315.png?v2) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428315 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428315 a.current {
    background: url(../images/cardlist/snavi_428315_ov.png?v2) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428316 a {
    background: url(../images/cardlist/snavi_428316.png?v2) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428316 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428316 a.current {
    background: url(../images/cardlist/snavi_428316_ov.png?v2) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428317 a {
    background: url(../images/cardlist/snavi_428317.png?v2) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428317 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428317 a.current {
    background: url(../images/cardlist/snavi_428317_ov.png?v2) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428318 a {
    background: url(../images/cardlist/snavi_428318.png?v2) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428318 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428318 a.current {
    background: url(../images/cardlist/snavi_428318_ov.png?v2) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428319 a {
    background: url(../images/cardlist/snavi_428319.png?v2) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428319 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428319 a.current {
    background: url(../images/cardlist/snavi_428319_ov.png?v2) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428320 a {
    background: url(../images/cardlist/snavi_428320.png?v2) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428320 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428320 a.current {
    background: url(../images/cardlist/snavi_428320_ov.png?v2) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428321 a {
    background: url(../images/cardlist/snavi_428321.png?v2) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428321 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428321 a.current {
    background: url(../images/cardlist/snavi_428321_ov.png?v2) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428322 a {
    background: url(../images/cardlist/snavi_428322.png?v2) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428322 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428322 a.current {
    background: url(../images/cardlist/snavi_428322_ov.png?v2) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428323 a {
    background: url(../images/cardlist/snavi_428323.png?v2) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428323 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428323 a.current {
    background: url(../images/cardlist/snavi_428323_ov.png?v2) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428601 a {
    background: url(../images/cardlist/snavi_428601.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428601 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428601 a.current {
    background: url(../images/cardlist/snavi_428601_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428602 a {
    background: url(../images/cardlist/snavi_428602.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428602 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428602 a.current {
    background: url(../images/cardlist/snavi_428602_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428603 a {
    background: url(../images/cardlist/snavi_428603.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428603 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428603 a.current {
    background: url(../images/cardlist/snavi_428603_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428501 a {
    background: url(../images/cardlist/snavi_428501.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428501 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428501 a.current {
    background: url(../images/cardlist/snavi_428501_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428502 a {
    background: url(../images/cardlist/snavi_428502.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428502 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428502 a.current {
    background: url(../images/cardlist/snavi_428502_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428503 a {
    background: url(../images/cardlist/snavi_428503.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428503 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428503 a.current {
    background: url(../images/cardlist/snavi_428503_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428401 a {
    background: url(../images/cardlist/snavi_428401.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428401 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428401 a.current {
    background: url(../images/cardlist/snavi_428401_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428402 a {
    background: url(../images/cardlist/snavi_428402.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428402 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428402 a.current {
    background: url(../images/cardlist/snavi_428402_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428403 a {
    background: url(../images/cardlist/snavi_428403.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428403 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428403 a.current {
    background: url(../images/cardlist/snavi_428403_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428404 a {
    background: url(../images/cardlist/snavi_428404.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428404 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428404 a.current {
    background: url(../images/cardlist/snavi_428404_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428405 a {
    background: url(../images/cardlist/snavi_428405.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428405 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428405 a.current {
    background: url(../images/cardlist/snavi_428405_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428406 a {
    background: url(../images/cardlist/snavi_428406.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428406 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428406 a.current {
    background: url(../images/cardlist/snavi_428406_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428407 a {
    background: url(../images/cardlist/snavi_428407.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428407 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428407 a.current {
    background: url(../images/cardlist/snavi_428407_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428408 a {
    background: url(../images/cardlist/snavi_428408.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428408 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428408 a.current {
    background: url(../images/cardlist/snavi_428408_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428409 a {
    background: url(../images/cardlist/snavi_428409.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428409 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428409 a.current {
    background: url(../images/cardlist/snavi_428409_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428410 a {
    background: url(../images/cardlist/snavi_428410.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428410 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428410 a.current {
    background: url(../images/cardlist/snavi_428410_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428411 a {
    background: url(../images/cardlist/snavi_428411.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428411 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428411 a.current {
    background: url(../images/cardlist/snavi_428411_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428412 a {
    background: url(../images/cardlist/snavi_428412.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428412 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428412 a.current {
    background: url(../images/cardlist/snavi_428412_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428413 a {
    background: url(../images/cardlist/snavi_428413.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428413 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428413 a.current {
    background: url(../images/cardlist/snavi_428413_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428414 a {
    background: url(../images/cardlist/snavi_428414.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428414 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428414 a.current {
    background: url(../images/cardlist/snavi_428414_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428415 a {
    background: url(../images/cardlist/snavi_428415.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428415 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428415 a.current {
    background: url(../images/cardlist/snavi_428415_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428416 a {
    background: url(../images/cardlist/snavi_428416.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428416 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428416 a.current {
    background: url(../images/cardlist/snavi_428416_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428417 a {
    background: url(../images/cardlist/snavi_428417.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428417 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428417 a.current {
    background: url(../images/cardlist/snavi_428417_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428418 a {
    background: url(../images/cardlist/snavi_428418.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428418 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428418 a.current {
    background: url(../images/cardlist/snavi_428418_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428419 a {
    background: url(../images/cardlist/snavi_428419.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428419 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428419 a.current {
    background: url(../images/cardlist/snavi_428419_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428420 a {
    background: url(../images/cardlist/snavi_428420.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428420 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428420 a.current {
    background: url(../images/cardlist/snavi_428420_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428421 a {
    background: url(../images/cardlist/snavi_428421.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428421 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428421 a.current {
    background: url(../images/cardlist/snavi_428421_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428422 a {
    background: url(../images/cardlist/snavi_428422.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428422 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428422 a.current {
    background: url(../images/cardlist/snavi_428422_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428423 a {
    background: url(../images/cardlist/snavi_428423.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428423 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428423 a.current {
    background: url(../images/cardlist/snavi_428423_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428424 a {
    background: url(../images/cardlist/snavi_428424.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428424 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428424 a.current {
    background: url(../images/cardlist/snavi_428424_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428425 a {
    background: url(../images/cardlist/snavi_428425.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428425 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428425 a.current {
    background: url(../images/cardlist/snavi_428425_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428901 a {
    background: url(../images/cardlist/snavi_428901.png) no-repeat center top;
    height: 79px;
  }
  #cardlist #snavi #snaviList li.snaviBtn_428901 a:hover, #cardlist #snavi #snaviList li.snaviBtn_428901 a.current {
    background: url(../images/cardlist/snavi_428901_ov.png) no-repeat center top;
  }
  #cardlist #snavi #snaviList li .newIcon {
    width: 40px;
    height: 14px;
    line-height: normal;
    font-size: 73%;
    font-weight: 500;
    position: absolute;
    display: block;
    top: 12px;
    left: 20px;
    background-color: #d80a02;
    z-index: 300;
    text-align: center;
  }
  #cardlist #snavi #snaviList li .newIcon:after {
    border-color: transparent #d80a02;
    right: -7px;
    border-width: 0px 0 14px 7px;
    content: "";
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0;
  }
  #cardlist #snavi #snaviList li .newIcon:before {
    border-color: transparent #d80a02;
    left: -7px;
    border-width: 14px 7px 0px 0px;
    content: "";
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0;
  }
  #cardlist .cardTypeCol .readTxt {
    margin-top: 20px;
  }
  #cardlist .cardTypeCol #cardTypeNav {
    margin: 30px 0 40px;
    text-align: center;
  }
  #cardlist .cardTypeCol #cardTypeNav li {
    margin: 0 15px;
    display: inline-block;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 120%;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: relative;
  }
  #cardlist .cardTypeCol #cardTypeNav li::before {
    content: " ";
    display: block;
    width: 47px;
    height: 47px;
    position: absolute;
    top: -16%;
    left: -12%;
  }
  #cardlist .cardTypeCol #cardTypeNav li a {
    display: block;
    width: 150px;
    padding: 7px;
    box-sizing: border-box;
  }
  #cardlist .cardTypeCol #cardTypeNav li a span {
    font-size: 50%;
    font-weight: 300;
    vertical-align: middle;
    margin-right: 5px;
    line-height: normal;
  }
  #cardlist .cardTypeCol #cardTypeNav li:nth-of-type(1) {
    background-color: rgba(185, 0, 0, 0.8);
    border: 1px solid #b90000;
    text-shadow: 0 0 10px #b13f01;
  }
  #cardlist .cardTypeCol #cardTypeNav li:nth-of-type(1)::before {
    background: url(../images/common/icon_db/large/ico_1st.png) no-repeat center center;
    background-size: cover;
  }
  #cardlist .cardTypeCol #cardTypeNav li:nth-of-type(1):hover {
    box-sizing: border-box;
    background-color: rgba(185, 0, 0, 0.2);
  }
  #cardlist .cardTypeCol #cardTypeNav li:nth-of-type(2) {
    background-color: rgba(0, 70, 188, 0.8);
    border: 1px solid #0046bc;
    text-shadow: 0 0 10px #021261;
  }
  #cardlist .cardTypeCol #cardTypeNav li:nth-of-type(2)::before {
    background: url(../images/common/icon_db/large/ico_2nd.png) no-repeat center center;
    background-size: cover;
  }
  #cardlist .cardTypeCol #cardTypeNav li:nth-of-type(2):hover {
    box-sizing: border-box;
    background-color: rgba(0, 70, 188, 0.2);
  }
  #cardlist .cardTypeCol #cardTypeNav li:nth-of-type(3) {
    background-color: rgba(2, 132, 9, 0.6);
    border: 1px solid #028409;
    text-shadow: 0 0 10px #0c4a00;
  }
  #cardlist .cardTypeCol #cardTypeNav li:nth-of-type(3)::before {
    background: url(../images/common/icon_db/large/ico_3rd.png) no-repeat center center;
    background-size: cover;
  }
  #cardlist .cardTypeCol #cardTypeNav li:nth-of-type(3):hover {
    box-sizing: border-box;
    background-color: rgba(2, 132, 9, 0.2);
  }
  #cardlist .cardTypeCol #cardTypeNav li:nth-of-type(4) {
    background-color: rgba(255, 230, 0, 0.6);
    border: 1px solid #ffe600;
    text-shadow: 0 0 10px #615002;
  }
  #cardlist .cardTypeCol #cardTypeNav li:nth-of-type(4)::before {
    background: url(../images/common/icon_db/large/ico_4th.png) no-repeat center center;
    background-size: cover;
  }
  #cardlist .cardTypeCol #cardTypeNav li:nth-of-type(4):hover {
    box-sizing: border-box;
    background-color: rgba(255, 230, 0, 0.2);
  }
  #cardlist .cardTypeCol h5 {
    position: relative;
    padding: 5px 0 5px 1.2em;
    margin-left: 32px;
  }
  #cardlist .cardTypeCol h5:before {
    content: "";
    display: block;
    position: absolute;
    top: -6px;
    left: -33px;
    width: 60px;
    height: 61px;
  }
  #cardlist .cardTypeCol h6 {
    font-size: 150%;
    margin-bottom: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px 10px;
    line-height: normal;
    background-color: rgba(0, 0, 0, 0.2);
  }
  #cardlist .cardTypeCol .cardTypeInner {
    width: 960px;
  }
  #cardlist .cardTypeCol .cardTypeInner .cardTypeBox {
    padding: 0 7%;
  }
  #cardlist .cardTypeCol .cardTypeInner .cardTypeBox ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #cardlist .cardTypeCol .cardTypeInner .cardTypeBox ul::after {
    content: "";
    display: block;
    width: 600px;
    height: 5px;
    background: #ff3300;
    margin: 15px auto 40px;
  }
  #cardlist .cardTypeCol .cardTypeInner .cardTypeBox ul li {
    margin: 0 17px 30px 0;
  }
  #cardlist .cardTypeCol .cardTypeInner .cardTypeBox ul li:nth-child(4n) {
    margin: 0 0 30px 0;
  }
  #cardlist .cardTypeCol .cardTypeInner .cardTypeBox ul li figure figcaption {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    margin: 10px auto 0;
    line-height: normal;
  }
  #cardlist .cardTypeCol .cardColorRed h5 {
    background-color: rgba(185, 0, 0, 0.8);
  }
  #cardlist .cardTypeCol .cardColorRed h5:before {
    background: url(../images/common/icon_db/large/ico_1st.png) no-repeat left center;
  }
  #cardlist .cardTypeCol .cardColorRed ul:last-child::after {
    display: none;
  }
  #cardlist .cardTypeCol .cardColorRed ul figure figcaption {
    background-color: rgba(185, 0, 0, 0.8);
  }
  #cardlist .cardTypeCol .cardColorBlue h5 {
    margin-top: 40px;
    background-color: rgba(0, 70, 188, 0.8);
    text-shadow: 0 0 10px #021261;
  }
  #cardlist .cardTypeCol .cardColorBlue h5:before {
    background: url(../images/common/icon_db/large/ico_2nd.png) no-repeat left center;
  }
  #cardlist .cardTypeCol .cardColorBlue ul:last-child::after {
    display: none;
  }
  #cardlist .cardTypeCol .cardColorBlue ul figure figcaption {
    background-color: rgba(0, 70, 188, 0.8);
    text-shadow: 0 0 10px #021261;
  }
  #cardlist .cardTypeCol .cardColorGreen h5 {
    margin-top: 40px;
    background-color: rgba(2, 132, 9, 0.6);
    text-shadow: 0 0 10px #0c4a00;
  }
  #cardlist .cardTypeCol .cardColorGreen h5:before {
    background: url(../images/common/icon_db/large/ico_3rd.png) no-repeat left center;
  }
  #cardlist .cardTypeCol .cardColorGreen ul:last-child::after {
    display: none;
  }
  #cardlist .cardTypeCol .cardColorGreen ul figure figcaption {
    background-color: rgba(2, 132, 9, 0.6);
    text-shadow: 0 0 10px #0c4a00;
  }
  #cardlist .cardTypeCol .cardColorYellow h5 {
    margin-top: 40px;
    background-color: rgba(255, 230, 0, 0.6);
    text-shadow: 0 0 10px #615002;
  }
  #cardlist .cardTypeCol .cardColorYellow h5:before {
    background: url(../images/common/icon_db/large/ico_4th.png) no-repeat left center;
  }
  #cardlist .cardTypeCol .cardColorYellow ul:last-child::after {
    display: none;
  }
  #cardlist .cardTypeCol .cardColorYellow ul figure figcaption {
    background-color: rgba(255, 230, 0, 0.6);
    text-shadow: 0 0 10px #615002;
  }
  #cardlist .cardBack {
    display: none;
  }
  #cardlist #snavi {
    width: 226px;
    display: block;
    margin-top: 30px;
  }
  #cardlist #snavi h5 {
    position: relative;
    z-index: 3;
    background: url(../images/cardlist/title_snavi.png) no-repeat center top;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-size: 100% auto;
    padding-bottom: 38px;
    margin-bottom: -4px;
  }
  #cardlist #snavi #snaviList {
    margin-top: -7px;
    padding: 15px 0;
    background: url(../images/cardlist/bg_snavi.png) repeat-y;
    position: relative;
    text-align: center;
  }
  #cardlist #snavi #snaviList:after {
    content: url(../images/cardlist/bar_snavi_btm.png);
    position: absolute;
    bottom: -12px;
    left: 0;
    z-index: 1;
  }
  #cardlist #snavi #snaviList li {
    padding: 15px 0 0;
    position: relative;
    z-index: 4;
  }
  #cardlist #snavi #snaviList li a {
    width: 186px;
    display: block;
    margin: 0 auto;
    text-indent: -9999px;
  }
  #cardlist #snavi #snaviList dt {
    position: relative;
    margin-top: 15px;
  }
  #cardlist #snavi #snaviList dt.snaviBtn_booster-packs {
    content: "";
    background: url(../images/cardlist/snavi_booster-packs.png) no-repeat center top;
    margin-top: 0;
    height: 79px;
    text-indent: -9999px;
  }
  #cardlist #snavi #snaviList dt.snaviBtn_decks {
    background: url(../images/cardlist/snavi_decks.png) no-repeat center top;
    height: 79px;
    text-indent: -9999px;
  }
  #cardlist #snavi #snaviList dt.snaviBtn_theme-boosters {
    background: url(../images/cardlist/snavi_theme-boosters.png) no-repeat center top;
    height: 79px;
    text-indent: -9999px;
  }
  #cardlist #snavi #snaviList dt.snaviBtn_draft-box {
    background: url(../images/cardlist/snavi_draft-box.png) no-repeat center top;
    height: 79px;
    text-indent: -9999px;
  }
  #cardlist #snavi #snaviList dt.snaviBtn_expansion-sets {
    background: url(../images/cardlist/snavi_expansion-sets.png) no-repeat center top;
    height: 79px;
    text-indent: -9999px;
  }
  #cardlist #snavi #snaviList dt .newIcon {
    width: 40px;
    height: 14px;
    line-height: normal;
    font-size: 73%;
    font-weight: 500;
    position: absolute;
    display: block;
    top: -5px;
    left: 20px;
    background-color: #d80a02;
    z-index: 300;
    text-indent: 2px;
    text-align: center;
  }
  #cardlist #snavi #snaviList dt .newIcon:after {
    border-color: transparent #d80a02;
    right: -7px;
    border-width: 0px 0 14px 7px;
    content: "";
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0;
  }
  #cardlist #snavi #snaviList dt .newIcon:before {
    border-color: transparent #d80a02;
    left: -7px;
    border-width: 14px 7px 0px 0px;
    content: "";
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0;
  }
  #cardlist #snavi #snaviList dd.tglCol {
    display: none;
  }
  #cardlist #snavi #snaviList dd.tglCol.open {
    display: block;
  }
  #cardlist #searchCol {
    width: 720px;
    display: block;
    float: right;
    margin: 38px 0 10px;
    background: url(../images/cardlist/bg_search.png) repeat-y;
    position: relative;
  }
  #cardlist #searchCol:after {
    content: url(../images/cardlist/bar_search_btm.png);
    position: absolute;
    bottom: -12px;
    left: 0;
    z-index: 1;
  }
  #cardlist #searchCol h5 {
    margin-top: -8px;
  }
  #cardlist #searchCol dl {
    width: 680px;
    margin: 15px auto 30px;
  }
  #cardlist #searchCol dl dd.tglCol {
    display: none;
  }
  #cardlist #searchCol dl dd.tglCol.open {
    display: block;
  }
  #cardlist #searchCol dl dd #searchCol-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #cardlist #searchCol dl dd dl {
    font-weight: 700;
    margin: 0 auto;
    font-size: 100%;
  }
  #cardlist #searchCol dl dd dl dt {
    height: 35px;
    box-sizing: border-box;
    padding: 0 9px;
    background-color: #330000;
    border: #330000 1px solid;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    line-height: normal;
    border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
  }
  #cardlist #searchCol dl dd dl dd {
    display: table-cell;
  }
  #cardlist #searchCol dl dd dl dd input,
  #cardlist #searchCol dl dd dl dd select {
    height: 35px;
    padding: 0 5px;
    background-color: #FFF;
    vertical-align: middle;
    line-height: normal;
    border: #330000 1px solid;
    box-sizing: border-box;
    border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
  }
  #cardlist #searchCol dl dd dl.keywordCol {
    margin-top: 20px;
  }
  #cardlist #searchCol dl dd dl.keywordCol input {
    width: 543px;
  }
  #cardlist #searchCol dl dd dl.CardNameCol {
    margin-top: 20px;
  }
  #cardlist #searchCol dl dd dl.CardNameCol input {
    width: 579px;
  }
  #cardlist #searchCol dl dd dl.seriesCol {
    margin-top: 20px;
  }
  #cardlist #searchCol dl dd dl.seriesCol select {
    width: 614px;
  }
  #cardlist #searchCol dl dd dl.rankCol {
    margin-top: 20px;
    display: block;
    width: 232px;
  }
  #cardlist #searchCol dl dd dl.rankCol select {
    width: 128px;
  }
  #cardlist #searchCol dl dd dl.energyCol {
    margin-top: 20px;
    display: block;
    width: 198px;
  }
  #cardlist #searchCol dl dd dl.energyCol select {
    width: 117px;
  }
  #cardlist #searchCol dl dd dl.comboEnergyCol {
    margin-top: 20px;
    display: block;
    width: 250px;
  }
  #cardlist #searchCol dl dd dl.comboEnergyCol select {
    width: 125px;
  }
  #cardlist #searchCol dl dd dl.comboPowerCol {
    margin-top: 20px;
    display: block;
    width: 369px;
  }
  #cardlist #searchCol dl dd dl.comboPowerCol select {
    width: 240px;
  }
  #cardlist #searchCol dl dd dl.formPowerCol {
    margin-top: 20px;
    display: block;
    width: 304px;
  }
  #cardlist #searchCol dl dd dl.formPowerCol select {
    width: 240px;
  }
  #cardlist #searchCol dl dd dl.rarityCol {
    margin-top: 20px;
    display: block;
    width: 338px;
  }
  #cardlist #searchCol dl dd dl.rarityCol select {
    width: 267px;
  }
  #cardlist #searchCol dl dd dl.colorCol {
    margin-top: 20px;
    display: block;
    width: 338px;
  }
  #cardlist #searchCol dl dd dl.colorCol select {
    width: 281px;
  }
  #cardlist #searchCol dl dd dl.characterCol {
    margin-top: 20px;
    display: block;
    width: 338px;
  }
  #cardlist #searchCol dl dd dl.characterCol select {
    width: 240px;
  }
  #cardlist #searchCol dl dd dl.character2Col {
    margin-top: 20px;
    display: block;
    width: 338px;
  }
  #cardlist #searchCol dl dd dl.character2Col select {
    width: 240px;
  }
  #cardlist #searchCol dl dd dl.specialTraitCol {
    margin-top: 20px;
    display: block;
  }
  #cardlist #searchCol dl dd dl.specialTraitCol select {
    width: 569px;
  }
  #cardlist #searchCol dl dd dl.eraCol {
    margin-top: 20px;
    display: block;
    width: 340px;
  }
  #cardlist #searchCol dl dd dl.eraCol select {
    width: 290px;
  }
  #cardlist #searchCol dl dd dl.keywordSkillCol {
    margin-top: 20px;
    display: block;
    width: 337px;
  }
  #cardlist #searchCol dl dd dl.keywordSkillCol select {
    width: 221px;
  }
  #cardlist #searchCol dl dd .btn_search, #cardlist #searchCol dl dd .btn_reset {
    display: block;
    position: relative;
  }
  #cardlist #searchCol dl dd .btn_search input, #cardlist #searchCol dl dd .btn_reset input {
    display: block;
    border: none;
    cursor: pointer;
    text-indent: -9999px;
    z-index: 10;
    position: relative;
    background: none;
  }
  #cardlist #searchCol dl dd .btn_search img, #cardlist #searchCol dl dd .btn_reset img {
    position: absolute;
    cursor: pointer;
  }
  #cardlist #searchCol dl dd .btn_search {
    margin-top: 15px;
  }
  #cardlist #searchCol dl dd .btn_search input {
    width: 660px;
    height: 40px;
    margin: 25px 10px 25px;
  }
  #cardlist #searchCol dl dd .btn_search img {
    width: 680px;
    height: 65px;
    top: 15px;
  }
  #cardlist #searchCol dl dd .btn_reset {
    margin-top: -5px;
  }
  #cardlist #searchCol dl dd .btn_reset input {
    width: 300px;
    height: 40px;
    margin: 25px 190px;
  }
  #cardlist #searchCol dl dd .btn_reset img {
    width: 300px;
    height: 65px;
    top: 15px;
    left: 28%;
  }
  #cardlist #listCol {
    width: 720px;
    display: block;
    float: right;
  }
  #cardlist #listCol .list-inner li {
    margin: 30px 0;
    background: url(../images/cardlist/bg_card-col.png) repeat-y;
    position: relative;
  }
  #cardlist #listCol .list-inner li:before {
    content: url(../images/cardlist/bar_card-col_top.png);
    position: absolute;
    top: -6px;
    left: 0;
    z-index: 1;
  }
  #cardlist #listCol .list-inner li:after {
    content: url(../images/cardlist/bar_card-col_btm.png);
    position: absolute;
    bottom: -12px;
    left: 0;
    z-index: 1;
  }
  #cardlist #listCol p.mesCol {
    text-align: center;
    font-size: 120%;
    font-weight: 700;
    margin-top: 50px;
    text-shadow: 0 0 10px #da4d00;
  }
  #cardlist #listCol .paginator {
    margin: 20px 0;
    display: flex;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  #cardlist #listCol .paginator .pager {
    display: flex;
  }
  #cardlist #listCol .paginator a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
    margin: 3px 3px 3px 3px;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  }
  #cardlist #listCol .paginator a.pageBtn {
    background-color: #ff3300;
  }
  #cardlist #listCol .paginator a.pageBtn:hover {
    background-color: #330000;
  }
  #cardlist #listCol .paginator a.current {
    background-color: #330000;
  }
  #cardlist #listCol .paginator a:hover {
    background-color: #ff3300;
  }
  #cardlist #listCol .paginator a.disable {
    background-color: #330000;
    pointer-events: none;
  }
  #cardlist dl.cardListCol {
    padding: 17px 20px 17px;
    position: relative;
    z-index: 5;
  }
  #cardlist dl.cardListCol dt.cardNumber {
    width: 190px;
    height: 50px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    font-size: 150%;
    font-weight: 700;
  }
  #cardlist dl.cardListCol dd.cardName {
    width: 490px;
    background-color: #323232;
    vertical-align: middle;
    display: table-cell;
    padding: 0 12px;
    font-size: 150%;
    font-weight: 700;
  }
  #cardlist dl.cardListCol dd.leftCol dt,
  #cardlist dl.cardListCol dd.rightCol dt,
  #cardlist dl.cardListCol dd.bottomCol dt {
    padding: 9px;
    text-align: center;
    font-weight: 500;
    font-size: 96%;
  }
  #cardlist dl.cardListCol dd.leftCol dd,
  #cardlist dl.cardListCol dd.rightCol dd,
  #cardlist dl.cardListCol dd.bottomCol dd {
    background-color: #323232;
    padding: 9px;
    text-align: center;
    font-weight: 500;
  }
  #cardlist dl.cardListCol dd.leftCol .availableDateCol dd .noteTxt, #cardlist dl.cardListCol dd.leftCol .notesCol dd .noteTxt,
  #cardlist dl.cardListCol dd.rightCol .availableDateCol dd .noteTxt,
  #cardlist dl.cardListCol dd.rightCol .notesCol dd .noteTxt,
  #cardlist dl.cardListCol dd.bottomCol .availableDateCol dd .noteTxt,
  #cardlist dl.cardListCol dd.bottomCol .notesCol dd .noteTxt {
    font-size: 12px;
    display: block;
    margin-top: 5px;
    line-height: 1.3em;
  }
  #cardlist dd.leftCol {
    width: 180px;
    display: block;
    float: left;
    margin: 10px 0 15px;
  }
  #cardlist dd.leftCol .cardimg img {
    width: 180px;
    height: 251px;
    -moz-transition: -moz-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    transition: transform 0.1s linear;
  }
  #cardlist dd.leftCol .cardimg img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  #cardlist dd.leftCol dl.seriesCol {
    margin: 10px 0;
  }
  #cardlist dd.rightCol {
    width: 490px;
    display: block;
    float: right;
    margin-top: 10px;
  }
  #cardlist dd.rightCol .brk::before {
    content: "";
    white-space: pre;
  }
  #cardlist dd.rightCol dl {
    display: block;
    float: left;
    margin-bottom: 10px;
  }
  #cardlist dd.rightCol dl.typeCol {
    width: 162px;
    margin-right: 2px;
  }
  #cardlist dd.rightCol dl.colorCol {
    width: 162px;
    margin-right: 2px;
  }
  #cardlist dd.rightCol dl.powerCol {
    width: 162px;
  }
  #cardlist dd.rightCol dl.energyCol {
    width: 176px;
    margin-right: 2px;
  }
  #cardlist dd.rightCol dl.energyCol dd .colorCostBall {
    width: 15px;
    padding: 0px 2px;
    vertical-align: middle;
  }
  #cardlist dd.rightCol dl.comboEnergyCol {
    width: 155px;
    margin-right: 2px;
  }
  #cardlist dd.rightCol dl.comboPowerCol {
    width: 155px;
  }
  #cardlist dd.rightCol dl.characterCol {
    width: 490px;
  }
  #cardlist dd.rightCol dl.specialTraitCol {
    width: 244px;
    margin-right: 1px;
  }
  #cardlist dd.rightCol dl.eraCol {
    width: 244px;
    margin-left: 1px;
  }
  #cardlist dd.rightCol dl.skillCol {
    width: 490px;
    margin-left: 1px;
  }
  #cardlist dd.rightCol dl.skillCol dd {
    padding: 12px;
    text-align: left;
    font-weight: 300;
    line-height: 25px;
  }
  #cardlist dd.rightCol dl.skillCol dd.centerText {
    text-align: center;
  }
  #cardlist dd.rightCol dl.skillCol dd img {
    vertical-align: middle;
  }
  #cardlist dd.rightCol dl.skillCol dd img.unisonText {
    vertical-align: middle;
    margin: 1px 0 0 0;
  }
  #cardlist .csrdTypeZ-EXTRA dd.rightCol dl.typeCol {
    width: 155px;
    margin-right: 2px;
  }
  #cardlist .csrdTypeZ-EXTRA dd.rightCol dl.colorCol {
    width: 155px;
    margin-right: 2px;
  }
  #cardlist .csrdTypeZ-EXTRA dd.rightCol dl.energyCol {
    width: 176px;
    margin-right: 0px;
  }
  #cardlist .csrdTypeEXTRA dd.rightCol dl.typeCol {
    width: 155px;
    margin-right: 2px;
  }
  #cardlist .csrdTypeEXTRA dd.rightCol dl.colorCol {
    width: 155px;
    margin-right: 2px;
  }
  #cardlist .csrdTypeEXTRA dd.rightCol dl.energyCol {
    width: 176px;
    margin-right: 0px;
  }
  #cardlist .csrdTypeUNISON dd.rightCol dl.energyCol, #cardlist .csrdTypeUNISSON dd.rightCol dl.energyCol {
    width: 490px;
    margin-right: 0px;
  }
  #cardlist .csrdTypeZ-BATTLE dd.rightCol dl.energyCol, #cardlist .csrdTypeZ-BATTLE dd.rightCol dl.energyCol {
    width: 490px;
    margin-right: 0px;
  }
  #cardlist dd.bottomCol {
    clear: both;
  }
  #cardlist dl.cardColorRed dt, #cardlist dl.cardColorRouge dt, #cardlist dl.cardColorRosso dt {
    background-color: #b40f15;
  }
  #cardlist dl.cardColorBlue dt, #cardlist dl.cardColorBleu dt, #cardlist dl.cardColorBlu dt {
    background-color: #0f63a3;
  }
  #cardlist dl.cardColorGreen dt, #cardlist dl.cardColorVert dt, #cardlist dl.cardColorVerde dt {
    background-color: #028d30;
  }
  #cardlist dl.cardColorYellow dt, #cardlist dl.cardColorJaune dt, #cardlist dl.cardColorGiallo dt {
    background-color: #f7c600;
  }
  #cardlist dl.cardColorBlack dt, #cardlist dl.cardColorNoir dt, #cardlist dl.cardColorNero dt {
    background-color: #000000;
  }
  #cardlist dl.cardColorWhite dt, #cardlist dl.cardColorBlanc dt {
    color: #000000;
    background-color: #ffffff;
  }
  #cardlist dl.cardColorBlackWhite dt, #cardlist dl.cardColorNoirBlanc dt {
    color: #8b8b8b;
  }
  #cardlist dl.cardColorBlueWhite dt, #cardlist dl.cardColorBleuBlanc dt {
    color: #000000;
  }
  #cardlist dl.cardColorRedGreen dt, #cardlist dl.cardColorRougeVert dt, #cardlist dl.cardColorRossoVerde dt {
    background: url(../images/cardlist/common/bg_RedGreen.png) repeat-y center center;
  }
  #cardlist dl.cardColorBlueYellow dt, #cardlist dl.cardColorBleuJaune dt, #cardlist dl.cardColorBluGiallo dt {
    background: url(../images/cardlist/common/bg_BlueYellow.png) repeat-y center center;
  }
  #cardlist dl.cardColorGreenYellow dt, #cardlist dl.cardColorVertJaune dt, #cardlist dl.cardColorVerdeGiallo dt {
    background: url(../images/cardlist/common/bg_GreenYellow.png) repeat-y center center;
  }
  #cardlist dl.cardColorRedYellow dt, #cardlist dl.cardColorRougeJaune dt, #cardlist dl.cardColorRossoGiallo dt {
    background: url(../images/cardlist/common/bg_RedYellow.png) repeat-y center center;
  }
  #cardlist dl.cardColorRedBlue dt, #cardlist dl.cardColorRougeBleu dt, #cardlist dl.cardColorRossoBlu dt {
    background: url(../images/cardlist/common/bg_RedBlue.png) repeat-y center center;
  }
  #cardlist dl.cardColorBlueGreen dt, #cardlist dl.cardColorBleuVert dt, #cardlist dl.cardColorBluVerde dt {
    background: url(../images/cardlist/common/bg_BlueGreen.png) repeat-y center center;
  }
  #cardlist dl.cardColorRedBlack dt, #cardlist dl.cardColorRougeNoir dt, #cardlist dl.cardColorRossoNero dt {
    background: url(../images/cardlist/common/bg_RedBlack.png) repeat-y center center;
  }
  #cardlist dl.cardColorBlueBlack dt, #cardlist dl.cardColorBleuNoir dt, #cardlist dl.cardColorBluNero dt {
    background: url(../images/cardlist/common/bg_BlueBlack.png) repeat-y center center;
  }
  #cardlist dl.cardColorYellowBlack dt, #cardlist dl.cardColorJauneNoir dt, #cardlist dl.cardColorGialloNero dt {
    background: url(../images/cardlist/common/bg_YellowBlack.png) repeat-y center center;
  }
  #cardlist dl.cardColorGreenBlack dt, #cardlist dl.cardColorVertNoir dt, #cardlist dl.cardColorVerdeNero dt {
    background: url(../images/cardlist/common/bg_GreenBlack.png) repeat-y center center;
  }
  #cardlist dl.cardColorBlackWhite dt, #cardlist dl.cardColorNoirBlanc dt {
    background: url(../images/cardlist/common/bg_BlackWhite.png) repeat-y center center;
  }
  #cardlist dl.cardColorBlueWhite dt, #cardlist dl.cardColorBleuBlanc dt {
    background: url(../images/cardlist/common/bg_BlueWhite.png) repeat-y center center;
  }
  #cardlist dd.bottomCol dl:nth-child(2) {
    margin-top: 10px;
  }
  #cardlist dd.bottomCol .btn_cardswitching {
    width: 600px;
    margin: 15px auto;
    text-align: center;
  }
  #cardlist dd.bottomCol .notesCol a {
    display: block;
    width: 23%;
    -webkit-border-radius: 7;
    -moz-border-radius: 7;
    border-radius: 7px;
    text-shadow: none;
    -webkit-box-shadow: 0px 4px 0px #281e1f;
    -moz-box-shadow: 0px 4px 0px #281e1f;
    box-shadow: 0px 4px 0px #281e1f;
    color: #ffffff;
    background: url(../images/common/event-schedule/sp/bg_event-schedule.png);
    padding: 10px 0px 10px 15px;
    box-sizing: border-box;
    border: solid #ffffff 2px;
    text-decoration: none;
    height: auto;
    margin: 9px auto 7px;
    position: relative;
    z-index: 5;
  }
  #cardlist dd.bottomCol .notesCol a:after {
    content: "";
    display: block;
    width: 100%;
    height: auto;
    background: url(../images/common/event-schedule/sp/icon_arw.png) no-repeat left center;
    background-size: 18px 18px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 6%;
    margin: auto auto;
  }
  #cardlist dd.bottomCol .notesCol a:hover {
    text-shadow: 0px 0px 5px #FFF, 0px 0px 10px #ffe500, 0px 0px 15px #ffe500;
  }
}