* {
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

body {
    margin: 0;
    padding: 8px;
    -webkit-text-size-adjust: 100%;
}

body.dialog-open {
    position: fixed;
    inset: 0;
    width: 100%;
    overflow: hidden;
    touch-action: none;
}

.page-shell {
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    text-align: center;
}

.site-logo {
    display: block;
    width: 100%;
    max-width: 458px;
    height: auto;
    margin: 0 auto;
}

.character-grid {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.character-grid td {
    width: 33.333%;
    padding: 2px;
}

.character-grid img {
    display: block;
    width: 100%;
    height: auto;
    cursor: pointer;
}

.page-shell a {
    overflow-wrap: anywhere;
}

.tww {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.jconfirm .jconfirm-holder {
    padding: 12px 0;
}

.jconfirm .jconfirm-box {
    max-width: 100vw;
}

.jconfirm .jconfirm-content-pane {
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.jconfirm .jconfirm-content {
    overflow-wrap: anywhere;
}

.jconfirm .jconfirm-content img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.waza{
    position: absolute;
    top:700px;
    height:200px;
    display:none;
    width:100%;
    background-color:green;
    opacity:0.6;
    font-size:96px;
    color:white;
}

div.jconfirm-closeIcon{
    width:52px !important;
    height:52px !important;
    font-size:52px !important;
}

@media (max-width: 900px) {
    body {
        padding: 0;
    }

    .page-shell {
        max-width: none;
    }

    .site-logo {
        max-width: none;
    }

    .character-grid td {
        padding: 1px;
    }

    .jconfirm .jconfirm-holder {
        padding: 0;
    }

    .jconfirm .jconfirm-box {
        border-radius: 0;
    }
}