/* デッキ選択画面 */
.deck_form {
    width: 100%;
}
.deck_form select {
    height: 1.5em;
    width: 80%;
}
.deck_submit {
    padding-top: 10%;
}
.deck_submit input[type=image] {
    display: block;
    margin: auto;
    width: 60%;
}
.deck_submit input[type=image]:not(:nth-child(1)) {
    margin-top: 5%;
}
.deck_submit input.image_submit[type=submit] {
    display: block;
    margin: auto;
    width: 60%;
    background: none;
    background-size:contain;
    background-repeat:no-repeat;
    border: none;
    height:0;
    padding-top:13%;
}
.deck_submit input.image_submit[type=submit]:not(:nth-child(1)) {
    margin-top: 5%;
}

/* デッキ編成画面 */
#deck_stats {
    background-color:#000;
    color:#FFFFFF;
    text-align:left;
    padding-left: 10%;
}
.stat_label {
    color: #38DDE4;
}
.stat_sub {
    color: #FFE610;
}
#card_thumbnails {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position:relative;
}
#card_thumbnails .vanguard , #card_thumbnails .rearguard {
    width: 100%;
    position: absolute;
}
#card_thumbnails .vanguard {
    top: 10%;
}
#card_thumbnails .vanguard tr > td:nth-child(odd){
    vertical-align: top;
}
#card_thumbnails .vanguard tr > td:nth-child(even){
    vertical-align: bottom;
}
#card_thumbnails .rearguard {
    top: 60%;
    padding: 0 10%;
}
#card_thumbnails table td {
    width: 20%;
}
.deck_tabs {
    margin-top: 3%;
}
.deck_tabs > div {
    width: 45%;
}
.deck_tabs img {
    vertical-align: top;
}
.card_info .card_info_img img {
    padding: 2px;
    margin: auto;
    border: solid 2px #5CF1FE;
    display: block;
    width: 96%;
    height: auto;
}
.card_info_frame {
    padding: 0 1%;
    position: relative;
}
.card_info_frame_image {
    position: absolute;
    top: 0.5%;
    left: 1.4%;
}
.card_info .card_info_text {
    text-align: left;
    font-size: 14px;
}
.card_info > .card_info_frame > div.card_info_text {
    position: absolute;
    text-align: left;
    top:0;
    right:0;
    width:55%;
}
.card_attribute img {
    width: 1em;
}
.card_info {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 5% 0 5px;
}
@media screen and (width: 480px) { /* ヤマダのみ */
    .card_info .card_info_text {
        font-size: 20px;
    }
}
.card_info.leader {
    padding-top: 0;
}
.leader_mark {
    text-align: left;
    padding-left: 2%;
    width: 38%;
    margin-bottom: -1%;
}
.leader_mark img {
    vertical-align: bottom;
    width: 100%;
    height: auto;
}
.set_cards a, .set_cards a > img, .deck_footer input[type=image] {
    vertical-align: middle;
    width: 31.25%;
}
.card_attribute img {
    vertical-align: middle;
    width: 1em;
}
.deck_return {
    width:100%;
    text-align: center;
}
.deck_return img{
    width: 55%;
    height: auto;
}
.card_info div.links {
    text-align: center;
}
.card_info div.links > a:not(:last-child) {
    margin-right: 7%;
}
.card_info div.links > a img {
    width: 16%;
    height: auto;
}
.card_info_frame > .set_subcards {
    position: absolute;
    bottom: 1.7%;
    left: 62%;
    text-align: left;
    width: 36%;
}
.card_info_frame > .set_subcards img {
    width: 28%;
    height: auto;
}
.card_info_frame > .set_subcards img:not(:first-child) {
    margin-left: 8%;
}

/* サブカード選択画面 */
.sort_form form {
    text-align: center;
    padding: 10px;
}
.sort_form form select {
    width: 75%;
}

.card_stats, .card_skills {
    padding-left: 1em;
}
.subset {
    text-align: center;
    padding-top: 10px;
}
.subset img {
    width: 31.25%;
}