#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,
.category1popup06,
.category1popup07,
.category1popup08,
.category1popup09 {
    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");
}

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

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

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

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

.category2popup02,
.category2popup03,
.category2popup04,
.category2popup05,
.category2popup06,
.category2popup07 {
    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");
}

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

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

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

.category3popup01,
.category3popup03,
.category3popup04,
.category3popup05,
.category3popup07,
.category3popup08 {
    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");
}

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

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

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

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

.category4popup01,
.category4popup04,
.category4popup05,
.category4popup06,
.category4popup08,
.category4popup09,
.category4popup10 {
    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");
}

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

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

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

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

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

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

.tabCategory1grade1 .tab {
    margin-left: 20px;
}

.tabCategory1grade2 .tab {
    margin-left: 23px;
}

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

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

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

.category4popup02 .tabCategory4grade1 .tab,
.category4popup07 .tabCategory4grade2 .tab {
    margin-left: 19px;
}

.category2popup02 .tabCategory2grade1 .tab:first-child,
.category2popup03 .tabCategory2grade1 .tab:first-child,
.category2popup04 .tabCategory2grade1 .tab:first-child,
.category2popup05 .tabCategory2grade2 .tab:first-child,
.category2popup06 .tabCategory2grade2 .tab:first-child,
.category2popup07 .tabCategory2grade2 .tab:first-child,
.category4popup01 .tabCategory4grade1 .tab:first-child,
.category4popup03 .tabCategory4grade1 .tab:first-child,
.category4popup04 .tabCategory4grade1 .tab:first-child,
.category4popup05 .tabCategory4grade1 .tab:first-child,
.category4popup06 .tabCategory4grade2 .tab:first-child,
.category4popup08 .tabCategory4grade2 .tab:first-child,
.category4popup09 .tabCategory4grade2 .tab:first-child,
.category4popup10 .tabCategory4grade2 .tab:first-child {
    margin-right: 43px;
}

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

.category2popup02 .tabWrap,
.category2popup03 .tabWrap,
.category2popup04 .tabWrap,
.category2popup05 .tabWrap,
.category2popup06 .tabWrap,
.category2popup07 .tabWrap,
.category3popup01 .tabWrap,
.category3popup03 .tabWrap,
.category3popup04 .tabWrap,
.category3popup05 .tabWrap,
.category3popup07 .tabWrap,
.category3popup08 .tabWrap {
    top: 20px;
}

.category2popup02 .tabWrap,
.category2popup03 .tabWrap,
.category2popup04 .tabWrap,
.category2popup05 .tabWrap,
.category2popup06 .tabWrap,
.category2popup07 .tabWrap,
.category3popup01 .tabWrap,
.category3popup03 .tabWrap,
.category3popup04 .tabWrap,
.category3popup05 .tabWrap,
.category3popup07 .tabWrap,
.category4popup01 .tabWrap,
.category4popup03 .tabWrap,
.category4popup04 .tabWrap,
.category4popup05 .tabWrap,
.category4popup06 .tabWrap,
.category4popup08 .tabWrap,
.category4popup09 .tabWrap,
.category4popup10 .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.b12 {
    position: absolute;
    top: 81px;
    left: 736.5px;
    width: 238.5px;
    height: 216px;
    background-image: url("../img/category1/btn_list_02.png");
}

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

.btnCategoryList.b14 {
    position: absolute;
    top: 81px;
    left: 277px;
    width: 240px;
    height: 216px;
    background-image: url("../img/category1/btn_list_04.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.b21 {
    position: absolute;
    top: 293px;
    left: 967px;
    width: 238.5px;
    height: 218px;
    background-image: url("../img/category1/btn_list_06.png");
}

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

.btnCategoryList.b22 {
    position: absolute;
    top: 295px;
    left: 737px;
    width: 238.5px;
    height: 216px;
    background-image: url("../img/category1/btn_list_07.png");
}

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

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

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

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

.btnCategoryList.b24.selected {
    background-image: url("../img/category1/btn_list_09_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.s12 {
    position: absolute;
    top: 81px;
    left: 737px;
    width: 238.5px;
    height: 216px;
    background-image: url("../img/category2/btn_list_02.png");
}

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

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

.btnCategoryList.s21 {
    position: absolute;
    top: 293px;
    left: 737px;
    width: 238.5px;
    height: 218px;
    background-image: url("../img/category2/btn_list_05.png");
}

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

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

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

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

.btnCategoryList.s23.selected {
    background-image: url("../img/category2/btn_list_07_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.h12 {
    position: absolute;
    top: 79.5px;
    left: 737px;
    width: 238.5px;
    height: 218px;
    background-image: url("../img/category3/btn_list_02.png");
}

.btnCategoryList.h13 {
    position: absolute;
    top: 81px;
    left: 507px;
    width: 247.5px;
    height: 216px;
    background-image: url("../img/category3/btn_list_03.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.h21 {
    position: absolute;
    top: 293px;
    left: 967px;
    width: 247.5px;
    height: 218px;
    background-image: url("../img/category3/btn_list_05.png");
}

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

.btnCategoryList.h22 {
    position: absolute;
    top: 295px;
    left: 737px;
    width: 247.5px;
    height: 216px;
    background-image: url("../img/category3/btn_list_06.png");
}

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

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

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

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

.btnCategoryList.h24.selected {
    background-image: url("../img/category3/btn_list_08_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.k12 {
    position: absolute;
    top: 81px;
    left: 737px;
    width: 247.5px;
    height: 216px;
    background-image: url("../img/category4/btn_list_02.png");
}

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

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

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

.btnCategoryList.k21 {
    position: absolute;
    top: 293px;
    left: 967px;
    width: 247.5px;
    height: 218px;
    background-image: url("../img/category4/btn_list_06.png");
}

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

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

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

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

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

.btnCategoryList.k24 {
    position: absolute;
    top: 295px;
    left: 277px;
    width: 247.5px;
    height: 216px;
    background-image: url("../img/category4/btn_list_09.png");
}

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

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

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

.category3popup04 .tab,
.category3popup08 .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");
}