html, body {
    overflow: hidden;
    height: 100%
}

html, div {
    touch-action: manipulation;
}

.container.imageOptimize div {
    image-rendering: -webkit-optimize-contrast;
}

body {
    position: relative;
    box-sizing: border-box;
    font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    font-feature-settings: "fwid" 1;
}

img {
    width: 100%;
    box-sizing: border-box;
}

div {
    background-repeat: no-repeat;
    background-size: contain;
    box-sizing: border-box;
}

.hide {
    display: none;
}

#container {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0
}

#content {
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    z-index: 0;
    -webkit-user-select: none;
    -webkit-transform-origin-x: 0px;
    -webkit-transform-origin-y: 0px;
    -webkit-perspective: 0px;
    width: 0;
    height: 0;
    left: 0;
    top: 0
}

/*.container {*/
/*    position: relative;*/
/*    width: 1366px;*/
/*    height: 768px;*/
/*    margin: 0 auto;*/
/*}*/

/*#main {*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

#main {
    width: 1366px;
    height: 768px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}

.categoryBtnWrap {
    position: absolute;
    top: 418px;
    right: 112px;
}

.btnCategory {
    position: absolute;
    left: 0;
    width: 89.5px;
    height: 83px;
}

.btnCategory1 {
    top: 0;
    background-image: url("../img/common/btn_category_01.png");
}

.btnCategory1.selected {
    background-image: url("../img/common/btn_category_01_selected.png");
}

.btnCategory2 {
    top: 76px;
    background-image: url("../img/common/btn_category_02.png");
}

.btnCategory2.selected {
    background-image: url("../img/common/btn_category_02_selected.png");
}

.btnCategory3 {
    top: 152px;
    background-image: url("../img/common/btn_category_03.png");
}

.btnCategory3.selected {
    background-image: url("../img/common/btn_category_03_selected.png");
}

.btnCategory4 {
    top: 228px;
    background-image: url("../img/common/btn_category_04.png");
}

.btnCategory4.selected {
    background-image: url("../img/common/btn_category_04_selected.png");
}

.popupWrap {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(142, 142, 142, 0.75);
    transform-origin: center;
}

#popup {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transform-origin: center;
}

.btnClosePopup {
    position: absolute;
    top: 11px;
    left: 11px;
    width: 29px;
    height: 29px;
    /*background-color: rgba(255, 0, 0, 0.25);*/
    z-index: 1;
}

.tabWrap {
    position: absolute;
    top: 27px;
    right: 50px;
}

/*.tab {*/
/*    background-color: rgba(255, 0, 0, 0.25);*/
/*}*/

/*.tab:nth-child(2n) {*/
/*    background-color: rgba(77, 47, 255, 0.25);*/
/*}*/

.btnLeft {
    position: absolute;
    top: calc((100% - 65px) / 2);
    left: 315px;
    width: 75px;
    height: 65px;
    background-image: url("../img/common/btn_left.png");
}

.btnLeft.disable {
    pointer-events: none;
    background-image: url("../img/common/btn_left_disable.png");
}

.btnRight {
    position: absolute;
    top: calc((100% - 65px) / 2);
    right: 315px;
    width: 75px;
    height: 65px;
    background-image: url("../img/common/btn_right.png");
}

.btnRight.disable {
    pointer-events: none;
    background-image: url("../img/common/btn_right_disable.png");
}

.btnLeft.lock,
.btnRight.lock {
    pointer-events: none;
}

.btnLearningPopup {
    position: absolute;
    top: 646px;
    left: 56px;
    width: 182.5px;
    height: 68px;
    background-image: url("../img/common/btn_popup_category_01.png");
}

.btnLearningPopup.active {
    background-image: url("../img/common/btn_popup_category_01_active.png");
}

.category2 .btnLearningPopup {
    background-image: url("../img/common/btn_popup_category_02.png");
}

.category2 .btnLearningPopup.active {
    background-image: url("../img/common/btn_popup_category_02_active.png");
}

.learningPopup {
    position: absolute;
    top: 27px;
    left: 23px;
    width: 1230px;
    height: 722px;
}

.btnCloseLearningPopup {
    position: absolute;
    bottom: 32px;
    left: 28px;
    width: 51.5px;
    height: 51.5px;
    background-image: url("../img/common/btn_close.png");
}