@import '../common/variable';
.c-a035__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-a035__imgbox--end{
    opacity: 1;
}
.c-a035__item--hidden{
    display: none;
}
html.pc {
    .c-a035 {
        padding: @padding_pc_1 0;
    }
    .c-a035__imgbox {
        width: 370px;
        height: 228px;
    }
    .c-a035__bigimg {
        width: 760px;
        height: 476px;
    }
    .c-a035__smallimgs {
        margin-left: 20px;
    }
    .c-a035__smallimg--2 {
        margin-top: 20px;
    }
    .c-a035__list {
        width: (370px+20)*3;
    }
    .c-a035__item {
        margin-top: 20px;
        margin-right: 20px;
    }
    .c-a035__more {
        margin-top: 30px;
    }
    .c-a035__body {
//      margin-top: 53px;
    }
}

html.mobile {
    .c-a035 {
        padding: @padding_mobile_1 0;
    }
    .c-a035__imgbox {
        width: 3.36rem;
        height: 2.07rem;
    }
    .c-a035__bigimg {
        width: 6.9rem;
        height: 4.32rem;
    }
    .c-a035__smallimgs{
        width: 100%;
    }
    .c-a035__smallimg {
        margin-top: 0.2rem;
        float: left;
        margin-right: 0.18rem;
    }
    .c-a035__smallimg--2 {
        margin-right: 0;
    }
    .c-a035__list {
        width: (3.36rem+0.18)*2;
    }
    .c-a035__item {
        margin-top: 0.2rem;
        float: left;
        margin-right: 0.18rem;
    }
    .c-a035__more {
        margin-top: 0.3rem;
    }
    .c-a035__body {
//      margin-top: 0.49rem;
    }
}