@charset "utf-8";
/* for IE */
@media all and (-ms-high-contrast: none){
    /* global navi */
    #glbnav{
        width: 190px;
        padding: 0;
    }
    
    #glbnav li{
        font-size: 1rem;
    }
    /* sub navi */
    #subnav{
        width: 390px;
        margin-left: calc(100% - 190px - 390px);
    }

    #subnav li{
        font-size: 0.8rem;
    }
    /* side navi */
    .labelTitle_wrapper{
        align-items: center;
        justify-content: center;
    }

    .symbol{
        height: 1.5rem;
        width: 1.5rem;
    }

    .labelTitle{
        height: auto;
        line-height: inherit;
        width: 3rem;
    }
    
    .down{
        margin-left: calc(100% - 2.5rem - 2.5rem - 3.3rem);
        width: 3.3rem;
    }
    /* top page */
    .top_img_base{
        height: 100%;
    }
    
    #top_index_button_list{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .top_index_label{
        width: 32%;
        margin: 1%;
    }

    .top{
        width: 100%;
    }
    /*category top page */
    #category_index_button_list{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .category_index_label{
        width: 32%;
    }

    .category_index_label:nth-child(1),
    .category_index_label:nth-child(4){
        margin: 0 1% 10px 0;
    }

    .category_index_label:nth-child(2),
    .category_index_label:nth-child(5){
        margin: 0 1% 10px 1%;
    }

    .category_index_label:nth-child(3),
    .category_index_label:nth-child(6){
        margin: 0 0 10px 1%;
    }

    .category_index_label .button{
        width: 100%;
    }
    /* contents page */
    .core_static{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .core_static div{
        height: 20rem;
        width: 352.5px;
        margin: 5px;
    }

    .core_static div:nth-child(odd){
        margin-left: 0;
    }

    .core_static div:nth-child(even){
        margin-right: 0;
    }
}
.button {
    width: 18.4rem;
    height: 310px;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 0;
    margin-right: 10px;
    margin-bottom: 10px;
}

@media all and (-ms-high-contrast: none) and (max-width: 1024px){
    /* category top page */
    .category_index_label{
        width: 49%;
    }

    .category_index_label .button{
        width: 100%;
    }

    .category_index_label:nth-child(odd){
        margin: 0 1% 10px 0;
    }

    .category_index_label:nth-child(even){
        margin: 0 0 10px 1%;
    }

    .core_static{
        width: 100%;
    }

    .core_static label{
        width: 49%;
        margin: 1%;
    }
    
    .core_static label:nth-child(even){
        margin-right: 0;
    }

    .core_static label:nth-child(odd){
        margin-left: 0;
    }

    .core_static div{
        width: 100%;
    }
}

@media all and (-ms-high-contrast: none) and (max-width: 767px){
    /* top page */
    .top_index_label{
        width: 100%;
        margin: 0 0 10px 0;
    }
    /* category top page */
    .category_index_label:nth-child(n){
        margin: 0 0 10px 0;
    }

    .category_index_label{
        width: 100%;
    }

    .core_static label{
        width: 100%;
    }

    .core_static label:nth-child(even),
    .core_static label:nth-child(odd){
        margin: 5px 0;
    }

    .core_static div{
        height: 20rem;
        width: 100%;
    }
}