@charset "shift_jis";
div.content ul{
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 750px) {

    div.content ul{
        margin: 1vw 6vw;
    }
    
    ul li{
/*        font-weight: bold;*/
    }
    .detail{
        margin-bottom: 3vw;
        margin-top: 2vw;
    }
    
    table{
        border: solid 1px #7cc26f;
        border-radius: 8px;
        padding: 1vw 1.5vw;
        width: 88%;
        margin: 0 auto 1.5vw auto;
    }
    table td div{
        margin-left: 3vw;
        line-height: 2.1vw;
    }
    table th {
        width: 18%;
    }
    table th img{
        width: 100%;
    }
    table .name{
        color: #259df8;
        font-weight: bold;
        font-size: 1.6vw;
        margin-bottom: 2vw;
        line-height: 1vw;
    }
    table .text1{
        font-weight: bold;
    }
    
    .go_turn{
        text-align: right;
        margin-right: 4vw;
        margin-top: 2vw;
    }

    .life{
        width: 84%;
        margin: 0 auto;
        border: solid 1px #7cc26f;
        border-radius: 8px;
        padding: 1vw 1.5vw;
    }
}

@media screen and (max-width: 750px) {

    div.content ul{
        margin: 3vw 8vw;
        width:88%;
    }
    
    ul li{
/*        font-weight: bold;*/
    }
    .detail{
        margin-bottom: 5vw;
        margin-top: 4vw;
    }
    
    table{
        border: solid 1px #7cc26f;
        border-radius: 8px;
        padding: 1vw 2vw;
        width: 94%;
        margin: 0 auto 3vw auto;
    }
    table td div{
        margin-left: 3vw;
        font-size: 4vw;
    }
    table th {
        width: 30%;
    }
    table th img{
        width: 100%;
    }
    table .name{
        color: #259df8;
        font-weight: bold;
        font-size: 5vw;
    }
    table .text1{
        font-weight: bold;
    }
    
    .go_turn{
        text-align: right;
        margin:4vw 4vw 2vw 0;
    }

    .life{
        width: 84%;
        margin: 0 auto;
        border: solid 1px #7cc26f;
        border-radius: 8px;
        padding: 2vw 4vw;
    }
    
    
}