@import '../common/variable';
.c-a020__imgbox{
    -webkit-transition: opacity ease 0.5s;
    -moz-transition: opacity ease 0.5s;
    -ms-transition: opacity ease 0.5s;
    -o-transition: opacity ease 0.5s;
    transition: opacity ease 0.5s;
    opacity: 0;    
}
.c-a020__imgbox--end{
    opacity: 1;
}
html.pc {
    .c-a020 {
        padding: @padding_pc_1 0;
    }
    .c-a020__frame {
        margin-top: @padding_pc_2;
    }
    .c-a020__list {
        width: (280px+10)*4;
    }
    .c-a020__item {
        width: 280px;
        height: 210px;
        margin-right: 10px;
        margin-top: 10px;
    }
    .c-a020__more {
        margin-top: 30px;
    }
}

html.mobile {
    .c-a020 {
        padding: @padding_mobile_1 0;
    }
    .c-a020__frame {
        margin-top: @padding_mobile_2;
    }
    .c-a020__list {
        width: (3.39rem+0.12)*2;
    }
    .c-a020__item {
        width: 3.39rem;
        height: 2.54rem;
        margin-right: 0.12rem;
        margin-top: 0.12rem;
    }
    .c-a020__more {
        margin-top: 0.34rem;
    }
}