#main.category1 {
    background-image: url("../img/category1/bg.png");
}

#main.category2 {
    background-image: url("../img/category2/bg.png");
}

#main.category3 {
    background-image: url("../img/category3/bg.png");
}

#main.category4 {
    background-image: url("../img/category4/bg.png");
}

.category1popup01,
.category1popup02,
.category1popup03,
.category1popup04 {
    width: 590px;
    height: 762.5px;
}

.category1popup01 {
    background-image: url("../img/category1/popup_01.png");
}

.category1popup02 {
    background-image: url("../img/category1/popup_02.png");
}

.category1popup03 {
    background-image: url("../img/category1/popup_03.png");
}

.category1popup04 {
    background-image: url("../img/category1/popup_04.png");
}

.category1popup05 {
    width: 590px;
    height: 427px;
    background-image: url("../img/category1/popup_05.png");
}

.category2popup02,
.category2popup03,
.category2popup04 {
    width: 575.5px;
    height: 747.5px;
}

.category2popup01 {
    width: 590px;
    height: 427px;
    background-image: url("../img/category2/popup_01.png");
}

.category2popup02 {
    background-image: url("../img/category2/popup_02.png");
}

.category2popup03 {
    background-image: url("../img/category2/popup_03.png");
}

.category2popup04 {
    background-image: url("../img/category2/popup_04.png");
}

.category3popup01,
.category3popup03,
.category3popup04 {
    width: 490.5px;
    height: 747.5px;
}

.category3popup01 {
    background-image: url("../img/category3/popup_01.png");
}

.category3popup02 {
    width: 590px;
    height: 427px;
    background-image: url("../img/category3/popup_02.png");
}

.category3popup03 {
    background-image: url("../img/category3/popup_03.png");
}

.category3popup04 {
    background-image: url("../img/category3/popup_04.png");
}

.category4popup01,
.category4popup04,
.category4popup05 {
    width: 506px;
    height: 762.5px;
}

.category4popup01 {
    background-image: url("../img/category4/popup_01.png");
}

.category4popup02 {
    width: 590px;
    height: 427px;
    background-image: url("../img/category4/popup_02.png");
}

.category4popup03 {
    width: 506px;
    height: 764px;
    background-image: url("../img/category4/popup_03.png");
}

.category4popup04 {
    background-image: url("../img/category4/popup_04.png");
}

.category4popup05 {
    background-image: url("../img/category4/popup_05.png");
}

.tabCategory1grade1 .tab,
.tabCategory2grade1 .tab,
.category3popup02 .tabCategory3grade1 .tab,
.category4popup02 .tabCategory4grade1 .tab {
    position: relative;
    width: 82px;
    height: 38px;
    float: right;
    margin-left: 20px;
}

.tabCategory3grade1 .tab,
.tabCategory4grade1 .tab {
    position: relative;
    width: 70px;
    height: 30px;
    float: right;
    margin-left: 17px;
}

.category2popup02 .tabCategory2grade1 .tab,
.category2popup03 .tabCategory2grade1 .tab,
.category2popup04 .tabCategory2grade1 .tab {
    margin-left: 23px;
}

.category3popup01 .tabCategory3grade1 .tab,
.category3popup03 .tabCategory3grade1 .tab {
    margin-left: 19px;
}

.category2popup02 .tabCategory2grade1 .tab:first-child,
.category2popup03 .tabCategory2grade1 .tab:first-child,
.category2popup04 .tabCategory2grade1 .tab:first-child,
.category4popup01 .tabCategory4grade1 .tab:first-child,
.category4popup03 .tabCategory4grade1 .tab:first-child,
.category4popup04 .tabCategory4grade1 .tab:first-child,
.category4popup05 .tabCategory4grade1 .tab:first-child {
    margin-right: 43px;
}

.category3popup01 .tabCategory3grade1 .tab:first-child,
.category3popup03 .tabCategory3grade1 .tab:first-child,
.category3popup04 .tabCategory3grade1 .tab:first-child {
    margin-right: 37px;
}

.category2popup02 .tabWrap,
.category2popup03 .tabWrap,
.category2popup04 .tabWrap,
.category3popup01 .tabWrap,
.category3popup03 .tabWrap,
.category3popup04 .tabWrap {
    top: 20px;
}

.category2popup02 .tabWrap,
.category2popup03 .tabWrap,
.category2popup04 .tabWrap,
.category3popup01 .tabWrap,
.category3popup03 .tabWrap,
.category3popup04 .tabWrap,
.category4popup01 .tabWrap,
.category4popup03 .tabWrap,
.category4popup04 .tabWrap,
.category4popup05 .tabWrap {
    right: 0;
}

/*カテゴリbshk、学年1～3、単元1～5（右から）*/
.btnCategoryList.b11 {
    position: absolute;
    top: 79.5px;
    left: 967px;
    width: 238.5px;
    height: 218px;
    background-image: url("../img/category1/btn_list_01.png");
}

.btnCategoryList.b11.selected {
    background-image: url("../img/category1/btn_list_01_selected.png");
}

.btnCategoryList.b12 {
    position: absolute;
    top: 81px;
    left: 736.5px;
    width: 238.5px;
    height: 216px;
    background-image: url("../img/category1/btn_list_02.png");
}

.btnCategoryList.b12.selected {
    background-image: url("../img/category1/btn_list_02_selected.png");
}

.btnCategoryList.b13 {
    position: absolute;
    top: 81px;
    left: 507px;
    width: 238.5px;
    height: 216px;
    background-image: url("../img/category1/btn_list_03.png");
}

.btnCategoryList.b13.selected {
    background-image: url("../img/category1/btn_list_03_selected.png");
}

.btnCategoryList.b14 {
    position: absolute;
    top: 81px;
    left: 277px;
    width: 240px;
    height: 216px;
    background-image: url("../img/category1/btn_list_04.png");
}

.btnCategoryList.b14.selected {
    background-image: url("../img/category1/btn_list_04_selected.png");
}

.btnCategoryList.b15 {
    position: absolute;
    top: 79.5px;
    left: 47px;
    width: 238.5px;
    height: 218px;
    background-image: url("../img/category1/btn_list_05.png");
}

.btnCategoryList.b15.selected {
    background-image: url("../img/category1/btn_list_05_selected.png");
}


.btnCategoryList.s11 {
    position: absolute;
    top: 79.5px;
    left: 967px;
    width: 238.5px;
    height: 218px;
    background-image: url("../img/category2/btn_list_01.png");
}

.btnCategoryList.s11.selected {
    background-image: url("../img/category2/btn_list_01_selected.png");
}

.btnCategoryList.s12 {
    position: absolute;
    top: 81px;
    left: 737px;
    width: 238.5px;
    height: 216px;
    background-image: url("../img/category2/btn_list_02.png");
}

.btnCategoryList.s12.selected {
    background-image: url("../img/category2/btn_list_02_selected.png");
}

.btnCategoryList.s13 {
    position: absolute;
    top: 81px;
    left: 507px;
    width: 238.5px;
    height: 216px;
    background-image: url("../img/category2/btn_list_03.png");
}

.btnCategoryList.s13.selected {
    background-image: url("../img/category2/btn_list_03_selected.png");
}

.btnCategoryList.s14 {
    position: absolute;
    top: 81px;
    left: 277px;
    width: 240px;
    height: 216px;
    background-image: url("../img/category2/btn_list_04.png");
}

.btnCategoryList.s14.selected {
    background-image: url("../img/category2/btn_list_04_selected.png");
}


.btnCategoryList.h11 {
    position: absolute;
    top: 79.5px;
    left: 967px;
    width: 244px;
    height: 218px;
    background-image: url("../img/category3/btn_list_01.png");
}

.btnCategoryList.h11.selected {
    background-image: url("../img/category3/btn_list_01_selected.png");
}

.btnCategoryList.h12 {
    position: absolute;
    top: 79.5px;
    left: 737px;
    width: 238.5px;
    height: 218px;
    background-image: url("../img/category3/btn_list_02.png");
}

.btnCategoryList.h12.selected {
    background-image: url("../img/category3/btn_list_02_selected.png");
}

.btnCategoryList.h13 {
    position: absolute;
    top: 81px;
    left: 507px;
    width: 247.5px;
    height: 216px;
    background-image: url("../img/category3/btn_list_03.png");
}

.btnCategoryList.h13.selected {
    background-image: url("../img/category3/btn_list_03_selected.png");
}

.btnCategoryList.h14 {
    position: absolute;
    top: 79.5px;
    left: 277px;
    width: 247.5px;
    height: 218px;
    background-image: url("../img/category3/btn_list_04.png");
}

.btnCategoryList.h14.selected {
    background-image: url("../img/category3/btn_list_04_selected.png");
}


.btnCategoryList.k11 {
    position: absolute;
    top: 79.5px;
    left: 967px;
    width: 244px;
    height: 218px;
    background-image: url("../img/category4/btn_list_01.png");
}

.btnCategoryList.k11.selected {
    background-image: url("../img/category4/btn_list_01_selected.png");
}

.btnCategoryList.k12 {
    position: absolute;
    top: 81px;
    left: 737px;
    width: 247.5px;
    height: 216px;
    background-image: url("../img/category4/btn_list_02.png");
}

.btnCategoryList.k12.selected {
    background-image: url("../img/category4/btn_list_02_selected.png");
}

.btnCategoryList.k13 {
    position: absolute;
    top: 81px;
    left: 507px;
    width: 247.5px;
    height: 216px;
    background-image: url("../img/category4/btn_list_03.png");
}

.btnCategoryList.k13.selected {
    background-image: url("../img/category4/btn_list_03_selected.png");
}

.btnCategoryList.k14 {
    position: absolute;
    top: 81px;
    left: 277px;
    width: 240px;
    height: 216px;
    background-image: url("../img/category4/btn_list_04.png");
}

.btnCategoryList.k14.selected {
    background-image: url("../img/category4/btn_list_04_selected.png");
}

.btnCategoryList.k15 {
    position: absolute;
    top: 80px;
    left: 47px;
    width: 247.5px;
    height: 218px;
    background-image: url("../img/category4/btn_list_05.png");
}

.btnCategoryList.k15.selected {
    background-image: url("../img/category4/btn_list_05_selected.png");
}

.category3popup04 .tab,
.category4popup05 .tab,
.category4popup10 .tab {
    pointer-events: none;
}

.learningPopup.category1 {
    background-image: url("../img/category1/popup.png");
}

.learningPopup.category2 {
    background-image: url("../img/category2/popup.png");
}