body.fixed {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
}
@media(min-width:768px) {
    #zoom_sp {
        display: none !important;
    }
    .chara_modal {
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        display: none;
    }
    .chara_modal_inner {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .modal_box {
        width: 870px;
        margin: 0 auto;
        background-color: rgba(255, 255, 255, 1.00);
        margin-bottom: 20px;
    }
    .chara_modal .modal_box .scroll {
        display: none;
    }
    .chara_modal.m_kurekure .modal_box {
        border: 20px solid #ff6400;
    }
    .chara_modal.m_shiretto .modal_box {
        border: 20px solid #7832f6;
    }
    .chara_modal.m_hissori .modal_box {
        border: 20px solid #9cd2f2;
    }
    .chara_modal.m_koikoi .modal_box {
        border: 20px solid #23de86;
    }
    .chara_modal .modal_box {
        padding: 30px;
        display: flex;
        justify-content: space-between;
    }
    .chara_modal .modal_box .left {
        width: 430px;
    }
    .chara_modal .modal_box .name {
        margin-bottom: 20px;
    }
    .chara_modal .modal_box .name img {
        height: 90px;
    }
    .chara_modal .modal_box .left .photo {
        display: none;
    }
    .chara_modal .modal_box .txt {
        margin-bottom: 25px;
        line-height: 1.5;
        text-align: justify;
    }
    .chara_modal .modal_box .left dl {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .chara_modal .modal_box .left dl dt {
        width: 100px;
        margin-bottom: 4px;
    }
    .chara_modal .modal_box .left dl dd {
        width: 325px;
        line-height: 26px;
        padding-left: 10px;
        margin-bottom: 4px;
        font-size: 15px;
    }
    .chara_modal .modal_box .right {
        width: 300px;
        padding-top: 15px;
    }
    .chara_modal.hissori .modal_box .right {
        padding-top: 20px;
    }
    .chara_modal .modal_box .right .chara_img {
        text-align: center;
    }
    .chara_modal .modal_box .right .chara_img img {
        max-height: 260px;
    }
    .chara_modal .modal_box .photo {
        text-align: center;
    }
    .chara_modal .modal_box .photo img {
        width: 305px;
    }
    .chara_modal_inner .btn {
        text-align: center;
    }
    .chara_modal_inner .btn a img {
        width: 350px;
        cursor: pointer;
        display: block;
        margin: 0 auto;
    }
    .chara_modal_inner .btn a:hover img {
        opacity: 1;
    }
    #game {
        width: 1162px;
        height: 637px;
        position: relative;
    }
    #game .exp {
        position: absolute;
        width: 340px;
        bottom: 0;
        left: 0px;
        display: none;
    }
    #game .start_layer {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 999;
    }
    #game .start_layer .btn_start {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center;
        width: 100%;
    }
    #game .start_layer .btn_start img {
        cursor: pointer;
        width: 570px;
        margin: 0 auto;
        display: block;
    }
    #game .end_layer {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.5);
        display: none;
        z-index: 999;
    }
    #game .end_layer .ttl {
        width: 535px;
        position: absolute;
        top: 221px;
        left: 314px;
    }
    #game .end_layer .btn_replay {
        width: 570px;
        position: absolute;
        top: 324px;
        left: 296px;
    }
    #game .end_layer .btn_replay img {
        cursor: pointer;
    }
    .zoomLens:after {
        display: block;
        content: "";
        width: 236px;
        height: 236px;
        background-image: url(/jp/forHome/products/vbhn/assets/images/special/game/scope.png);
        background-repeat: no-repeat;
        background-position: left top;
        position: relative;
        top: -40px;
        left: -20px;
    }
    .zoomLens.ov:after {
        width: 236px;
        height: 265px;
        background-image: url(/jp/forHome/products/vbhn/assets/images/special/game/scope_discovery.png);
        top: -40px;
        left: -20px;
        animation: flash 0.6s linear infinite;
    }
    .zoomLens.nop {
        cursor: none;
        z-index: 998;
    }
    .zoomContainer .kurekure_hit, .zoomContainer .shiretto_hit, .zoomContainer .hissori_1_hit, .zoomContainer .hissori_2_hit, .zoomContainer .koikoi_1_hit, .zoomContainer .koikoi_2_hit {
        cursor: none;
        /*background-color: rgba(204,39,42,.5);*/
        position: absolute;
        z-index: 999;
    }
    .zoomContainer .kurekure_hit {
        height: 130px;
        width: 205px;
        top: 80px;
        left: 3px;
    }
    .zoomContainer .shiretto_hit {
        height: 130px;
        width: 150px;
        top: 160px;
        left: 700px;
    }
    .zoomContainer .hissori_1_hit {
        height: 140px;
        width: 150px;
        top: 180px;
        left: 490px;
    }
    .zoomContainer .hissori_2_hit {
        height: 140px;
        width: 195px;
        top: 350px;
        left: 950px;
    }
    .zoomContainer .koikoi_1_hit {
        height: 140px;
        width: 140px;
        top: 400px;
        left: 690px;
    }
    .zoomContainer .koikoi_2_hit {
        height: 140px;
        width: 140px;
        top: 430px;
        left: 470px;
    }
    .zoomContainer .g_kurekure, .zoomContainer .g_shiretto, .zoomContainer .g_hissori_1, .zoomContainer .g_hissori_2, .zoomContainer .g_koikoi_1, .zoomContainer .g_koikoi_2 {
        position: absolute;
        z-index: 998;
        display: none;
        cursor: none;
    }
    .zoomContainer .g_kurekure.show, .zoomContainer .g_shiretto.show, .zoomContainer .g_hissori_1.show, .zoomContainer .g_hissori_2.show, .zoomContainer .g_koikoi_1.show, .zoomContainer .g_koikoi_2.show {
        display: block;
        z-index: 995;
    }
    .zoomContainer .g_kurekure {
        top: 130px;
        left: 24px;
    }
    .zoomContainer .g_shiretto {
        top: 229px;
        left: 741px;
    }
    .zoomContainer .g_hissori_1 {
        top: 222px;
        left: 570px;
    }
    .zoomContainer .g_hissori_2 {
        top: 349px;
        left: 948px;
    }
    .zoomContainer .g_koikoi_1 {
        top: 438px;
        left: 728px;
    }
    .zoomContainer .g_koikoi_2 {
        top: 440px;
        left: 515px;
    }
    .btn_stop {
        display: none !important;
    }
}
@media(max-width:767px) {
    #game {
        position: relative;
        padding: 20px;
    }
    #zoom_pc {
        display: none !important;
    }
    .chara_modal {
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        display: none;
    }
    .chara_modal_inner {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .modal_box {
        width: 94%;
        margin: 0 auto;
        background-color: rgba(255, 255, 255, 1.00);
        margin-bottom: 20px;
        height: 70vh;
        overflow: auto;
    }
    @media screen and (max-width:320px) {
        .modal_box {
            height: 62vh;
        }
    }
    .chara_modal.m_kurekure .modal_box {
        border: 10px solid #ff6400;
    }
    .chara_modal.m_shiretto .modal_box {
        border: 10px solid #7832f6;
    }
    .chara_modal.m_hissori .modal_box {
        border: 10px solid #9cd2f2;
    }
    .chara_modal.m_koikoi .modal_box {
        border: 10px solid #23de86;
    }
    .chara_modal .modal_box {
        padding: 30px 20px;
        position: relative;
    }
    .chara_modal .modal_box .scroll {
        position: fixed;
        bottom: 14%;
        width: 100%;
        text-align: center;
        left: 0;
    }
    .chara_modal .modal_box .scroll.hide {
        display: none;
    }
    .chara_modal .modal_box .scroll img {
        width: 12%;
    }
    @media screen and (max-width:320px) {
        .chara_modal .modal_box .scroll img {
            width: 10%;
        }
    }
    .chara_modal .modal_box .left {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .chara_modal .modal_box .name {
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
        order: 1;
    }
    .chara_modal .modal_box .name img {
        width: 93%;
    }
    .chara_modal .modal_box .left .chara_img {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
        order: 2;
        height: 30vh;
    }
    .chara_modal .modal_box .left .chara_img img {
        height: 100%;
    }
    .chara_modal .modal_box .left dl {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 25px;
        order: 3;
    }
    .chara_modal .modal_box .left dl dt {
        width: 25%;
    }
    .chara_modal .modal_box .left dl dd {
        margin-bottom: 10px;
        width: 75%;
        padding-left: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 15px;
        line-height: 1.5;
    }
    .chara_modal .modal_box .left .photo {
        width: 100%;
        order: 4;
        margin-bottom: 25px;
    }
    .chara_modal .modal_box .left .photo img {
        width: 100%;
    }
    .chara_modal .modal_box .txt {
        width: 100%;
        font-size: 15px;
        line-height: 1.5;
        order: 5;
        text-align: justify;
    }
    .chara_modal .modal_box .right {
        display: none;
    }
    .chara_modal_inner .btn {
        text-align: center;
    }
    .chara_modal_inner .btn a {}
    .chara_modal_inner .btn a:hover {
        opacity: 1;
    }
    .chara_modal_inner .btn a img {
        width: 60%;
        display: block;
        margin: 0 auto;
    }
    #game .exp {
        position: absolute;
        width: 60%;
        top: 25px;
        right: 25px;
        display: none;
    }
    #game .start_layer {
        position: absolute;
        height: calc(100% - 40px);
        width: calc(100% - 40px);
        top: 20px;
        left: 20px;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 998;
    }
    #game .start_layer .btn_start {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center;
        width: 100%;
    }
    #game .start_layer .btn_start img {
        width: 80%;
        margin: 0 auto;
        opacity: 0.9;
    }
    #game .end_layer {
        position: absolute;
        height: calc(100% - 40px);
        width: calc(100% - 40px);
        top: 20px;
        left: 20px;
        background-color: rgba(0, 0, 0, 0.5);
        display: none;
        z-index: 998;
    }
    #game .end_layer .ttl {
        width: 100%;
        position: absolute;
        top: 40%;
        text-align: center;
    }
    #game .end_layer .ttl img {
        width: 80%;
        display: inline;
    }
    #game .end_layer .btn_replay {
        position: absolute;
        top: 55%;
        text-align: center;
    }
    #game .end_layer .btn_replay img {
        cursor: pointer;
        width: 80%;
        display: inline;
    }
    .zoomLens:after {
        display: block;
        content: "";
        width: 150px;
        height: 150px;
        background-image: url(/jp/forHome/products/vbhn/assets/images/special/game/scope.png);
        background-repeat: no-repeat;
        background-position: left top;
        position: relative;
        top: -40px;
        left: -10px;
        background-size: 150px auto;
    }
    /*.zoomLens.ov:after {
        width: 150px;
        height: 180px;
        background-image: url(/jp/forHome/products/vbhn/assets/images/special/game/scope_discovery_sp.png);
        top: -40px;
        left: -10px;
    }*/
    .zoomLens.nop {
        z-index: 996;
        display: block !important;
        left: 35%;
        top: 40%;
        background-position: -260px -50px;
    }
    .zoomContainer {
        z-index: 990;
        overflow: hidden;
    }
    .zoomContainer .kurekure_hit, .zoomContainer .shiretto_hit, .zoomContainer .hissori_1_hit, .zoomContainer .hissori_2_hit, .zoomContainer .koikoi_1_hit, .zoomContainer .koikoi_2_hit {
        /*background-color: rgba(204,39,42,.5);*/
        position: absolute;
        z-index: 998;
    }
    .zoomContainer .kurekure_hit {
        height: 12%;
        width: 30%;
        top: 8%;
        left: 5%;
    }
    .zoomContainer .shiretto_hit {
        height: 12%;
        width: 20%;
        top: 59%;
        left: 16%;
    }
    .zoomContainer .hissori_1_hit {
        height: 8%;
        width: 20%;
        top: 18%;
        right: 1%;
    }
    .zoomContainer .hissori_2_hit {
        height: 10%;
        width: 25%;
        top: 80%;
        left: 62%;
    }
    .zoomContainer .koikoi_1_hit {
        height: 12%;
        width: 22%;
        top: 37%;
        left: 76%;
    }
    .zoomContainer .koikoi_2_hit {
        height: 12%;
        width: 22%;
        top: 81%;
        left: 16%;
    }
    .zoomContainer .g_kurekure, .zoomContainer .g_shiretto, .zoomContainer .g_hissori_1, .zoomContainer .g_hissori_2, .zoomContainer .g_koikoi_1, .zoomContainer .g_koikoi_2 {
        position: absolute;
        z-index: 998;
        display: none;
    }
    .zoomContainer .g_kurekure.show, .zoomContainer .g_shiretto.show, .zoomContainer .g_hissori_1.show, .zoomContainer .g_hissori_2.show, .zoomContainer .g_koikoi_1.show, .zoomContainer .g_koikoi_2.show {
        display: block;
        z-index: 995;
    }
    .zoomContainer .g_kurekure {
        top: 11.5%;
        left: 6%;
        width: 28%;
    }
    .zoomContainer .g_shiretto {
        top: 63.5%;
        left: 26%;
        width: 4%;
    }
    .zoomContainer .g_hissori_1 {
        top: 20%;
        left: 90%;
        width: 8%;
    }
    .zoomContainer .g_hissori_2 {
        top: 74%;
        left: 60%;
        width: 27%;
    }
    .zoomContainer .g_koikoi_1 {
        top: 38%;
        left: 80%;
        width: 15%;
    }
    .zoomContainer .g_koikoi_2 {
        top: 83%;
        left: 19%;
        width: 15%;
    }
    .btn_stop {
        position: absolute;
        width: 23%;
        bottom: 25px;
        right: 26px;
        z-index: 998;
        display: none;
    }
    .btn_stop img {
        display: block;
    }
}
.hitend {
    pointer-events: none;
}
.label_bg_koikoi {
    background-color: #23de86;
}
.label_bg_kurekure {
    background-color: #ff6400;
}
.label_bg_shiretto {
    background-color: #7832f6;
}
.label_bg_hissori {
    background-color: #9cd2f2;
}
.incompatible {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 999;
}
@keyframes flash {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}