@charset "UTF-8";

section.ws-cardanim {
    margin: 0;
    padding: 0;
    width: 100%;
}

section.ws-cardanim div.card-table-wrap {
    position: relative;
    margin: 0;
    max-width: 100%;
}

section.ws-cardanim div.card-table-wrap div#card-table-box {
    position: relative;
    top: 0;
    left: 0;
    width:  100%;
    margin: 0;
    padding-top: 100%;
    background-color: #eeffee;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

section.ws-cardanim div.card-table-wrap div#card-table-box img.anim-card {
    position: absolute;
    display: block;
    left: 50%;
    top:  50%;
    width:  auto;
    height: 20%;
}

section.ws-cardanim div.card-table-wrap div#card-table-box img.anim-card.center {
    transform: scale(1.5, 1.5) translate( -50%, -50% );
}