/* スライドテキスト */
@keyframes animation-slidenotice {
0% { 
transform: translate(0%); 
}
100% { 
transform: translate(-100%); 
}
}

@-webkit-keyframes animation-slidenotice {
    0% { 
        transform: translate(0%); 
    }
    100% { 
        transform: translate(-100%); 
    }
}
@mixin slidenotice {
    animation-name: animation-slidenotice;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
}

.slidenotice-wrap {
    padding: 0 5px;
    height: 40px;
    overflow: hidden;
    position: relative;
    .slidenotice-list {
        white-space: nowrap;
        position: absolute;
        @include slidenotice;
        .slidenotice-item {
            display: inline;
            white-space: nowrap;
            height: 40px;
            line-height: 40px;
            padding: 0 60px 0 0;
            &:first-child {
                padding: 0 0 0 0;
            }
        }
    }
}