.myAni,.myAniChild,
.myAni_m {
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    -ms-transition-duration:0.5s;
    transition-duration: 0.5s;
}

.tra_0_5 {
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    -ms-transition-duration:0.5s;
    transition-duration: 0.5s;
}

.tra_1 {
    -moz-transition-duration:1s;
    -webkit-transition-duration:1s;
    -o-transition-duration:1s;
    -ms-transition-duration:1s;
    transition-duration: 1s;
}

.tra_1_5 {
    -moz-transition-duration:1.5s;
    -webkit-transition-duration:1.5s;
    -o-transition-duration:1.5s;
    -ms-transition-duration:1.5s;
    transition-duration: 1.5s;
}

.tra_2 {
    -moz-transition-duration:2s;
    -webkit-transition-duration:2s;
    -o-transition-duration:2s;
    -ms-transition-duration:2s;
    transition-duration: 2s;
}

.myAni.show,
.myAni.show .myAniChild,
.myAni_m.show {
    opacity: 1;
    transform: translate(0,0) scale(1);
}

.opa {
    opacity: 0;
}

.delay0_25 {
    -moz-transition-delay:0.25s;
    -webkit-transition-delay:0.25s;
    -o-transition-delay:0.25s;
    -ms-transition-delay:0.25s;
    transition-delay:0.25s;
}

.delay0_5 {
    -moz-transition-delay:0.5s;
    -webkit-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    -ms-transition-delay:0.5s;
    transition-delay:0.5s;
}

.delay0_75 {
    -moz-transition-delay:0.75s;
    -webkit-transition-delay:0.75s;
    -o-transition-delay:0.75s;
    -ms-transition-delay:0.75s;
    transition-delay:0.75s;
}

.delay1 {
    -moz-transition-delay:1s;
    -webkit-transition-delay:1s;
    -o-transition-delay:1s;
    -ms-transition-delay:1s;
    transition-delay:1s;
}

.delay1_25 {
    -moz-transition-delay:1.25s;
    -webkit-transition-delay:1.25s;
    -o-transition-delay:1.25s;
    -ms-transition-delay:1.25s;
    transition-delay:1.25s;
}

.delay1_5 {
    -moz-transition-delay:1.5s;
    -webkit-transition-delay:1.5s;
    -o-transition-delay:1.5s;
    -ms-transition-delay:1.5s;
    transition-delay:1.5s;
}

.delay1_75 {
    -moz-transition-delay:1.75s;
    -webkit-transition-delay:1.75s;
    -o-transition-delay:1.75s;
    -ms-transition-delay:1.75s;
    transition-delay:1.75s;
}

.delay2 {
    -moz-transition-delay:2s;
    -webkit-transition-delay:2s;
    -o-transition-delay:2s;
    -ms-transition-delay:2s;
    transition-delay:2s;
}

.belowShow1 {
    transform: translate(0,-10%);
}

.belowShow2 {
    transform: translate(0,-20%);
}

.belowShow3 {
    transform: translate(0,-30%);
}

.leftShow1 {
    transform: translate(-10%,0%);
}

.leftShow2 {
    transform: translate(-20%,0%);
}

.leftShow3 {
    transform: translate(-30%,0%);
}

.rightShow1 {
    transform: translate(10%,0%);
}

.rightShow2 {
    transform: translate(20%,0%);
}

.rightShow3 {
    transform: translate(30%,0%);
}

.aboveShow1 {
    transform: translate(0,10%);
}

.aboveShow2 {
    transform: translate(0,20%);
}

.aboveShow3 {
    transform: translate(0,30%);
}

.largeShow1_25 {
    transform: scale(1.25);
}

.largeShow1_5 {
    transform: scale(1.5);
}

.largeShow2 {
    transform: scale(2);
}

.myHoverImg img {
    width: 100%;
    max-width: unset;
}

.myHoverImg:hover img {
    width: 120%;
}

@media screen and (max-width: 767px) {
    .delay0_25_m {
        -moz-transition-delay:0.25s;
        -webkit-transition-delay:0.25s;
        -o-transition-delay:0.25s;
        -ms-transition-delay:0.25s;
        transition-delay:0.25s;
    }

    .delay0_5_m {
        -moz-transition-delay:0.5s;
        -webkit-transition-delay:0.5s;
        -o-transition-delay:0.5s;
        -ms-transition-delay:0.5s;
        transition-delay:0.5s;
    }

    .delay0_75_m {
        -moz-transition-delay:0.75s;
        -webkit-transition-delay:0.75s;
        -o-transition-delay:0.75s;
        -ms-transition-delay:0.75s;
        transition-delay:0.75s;
    }

    .delay1_m {
        -moz-transition-delay:1s;
        -webkit-transition-delay:1s;
        -o-transition-delay:1s;
        -ms-transition-delay:1s;
        transition-delay:1s;
    }

    .delay1_25_m {
        -moz-transition-delay:1.25s;
        -webkit-transition-delay:1.25s;
        -o-transition-delay:1.25s;
        -ms-transition-delay:1.25s;
        transition-delay:1.25s;
    }

    .delay1_5_m {
        -moz-transition-delay:1.5s;
        -webkit-transition-delay:1.5s;
        -o-transition-delay:1.5s;
        -ms-transition-delay:1.5s;
        transition-delay:1.5s;
    }

    .delay1_75_m {
        -moz-transition-delay:1.75s;
        -webkit-transition-delay:1.75s;
        -o-transition-delay:1.75s;
        -ms-transition-delay:1.75s;
        transition-delay:1.75s;
    }

    .delay2_m {
        -moz-transition-delay:2s;
        -webkit-transition-delay:2s;
        -o-transition-delay:2s;
        -ms-transition-delay:2s;
        transition-delay:2s;
    }

    .belowShow1_m {
        transform: translate(0,-10%);
    }

    .belowShow2_m {
        transform: translate(0,-20%);
    }

    .belowShow3_m {
        transform: translate(0,-30%);
    }

    .leftShow1_m {
        transform: translate(-10%,0%);
    }

    .leftShow2_m {
        transform: translate(-20%,0%);
    }

    .leftShow3_m {
        transform: translate(-30%,0%);
    }

    .rightShow1_m {
        transform: translate(10%,0%);
    }

    .rightShow2_m {
        transform: translate(20%,0%);
    }

    .rightShow3_m {
        transform: translate(30%,0%);
    }

    .aboveShow1_m {
        transform: translate(0,10%);
    }

    .aboveShow2_m {
        transform: translate(0,20%);
    }

    .aboveShow3_m {
        transform: translate(0,30%);
    }

    .myHoverImg_m img {
        width: 100%;
        max-width: unset;
    }

    .myHoverImg_m:hover img {
        width: 120%;
    }
}

@media screen and (min-width: 768px){
    .myAni.show .myAniChild_p {
        opacity: 1;
        transform: translate(0,0);
    }

    .delay0_25_p {
        -moz-transition-delay:0.25s;
        -webkit-transition-delay:0.25s;
        -o-transition-delay:0.25s;
        -ms-transition-delay:0.25s;
        transition-delay:0.25s;
    }

    .delay0_5_p {
        -moz-transition-delay:0.5s;
        -webkit-transition-delay:0.5s;
        -o-transition-delay:0.5s;
        -ms-transition-delay:0.5s;
        transition-delay:0.5s;
    }

    .delay0_75_p {
        -moz-transition-delay:0.75s;
        -webkit-transition-delay:0.75s;
        -o-transition-delay:0.75s;
        -ms-transition-delay:0.75s;
        transition-delay:0.75s;
    }

    .delay1_p {
        -moz-transition-delay:1s;
        -webkit-transition-delay:1s;
        -o-transition-delay:1s;
        -ms-transition-delay:1s;
        transition-delay:1s;
    }

    .delay1_25_p {
        -moz-transition-delay:1.25s;
        -webkit-transition-delay:1.25s;
        -o-transition-delay:1.25s;
        -ms-transition-delay:1.25s;
        transition-delay:1.25s;
    }

    .delay1_5_p {
        -moz-transition-delay:1.5s;
        -webkit-transition-delay:1.5s;
        -o-transition-delay:1.5s;
        -ms-transition-delay:1.5s;
        transition-delay:1.5s;
    }

    .delay1_75_p {
        -moz-transition-delay:1.75s;
        -webkit-transition-delay:1.75s;
        -o-transition-delay:1.75s;
        -ms-transition-delay:1.75s;
        transition-delay:1.75s;
    }

    .delay2_p {
        -moz-transition-delay:2s;
        -webkit-transition-delay:2s;
        -o-transition-delay:2s;
        -ms-transition-delay:2s;
        transition-delay:2s;
    }

    .belowShow1_p {
        transform: translate(0,-10%);
    }

    .belowShow2_p {
        transform: translate(0,-20%);
    }

    .belowShow3_p {
        transform: translate(0,-30%);
    }

    .leftShow1_p {
        transform: translate(-10%,0%);
    }

    .leftShow2_p {
        transform: translate(-20%,0%);
    }

    .leftShow3_p {
        transform: translate(-30%,0%);
    }

    .rightShow1_p {
        transform: translate(10%,0%);
    }

    .rightShow2_p {
        transform: translate(20%,0%);
    }

    .rightShow3_p {
        transform: translate(30%,0%);
    }

    .aboveShow1_p {
        transform: translate(0,10%);
    }

    .aboveShow2_p {
        transform: translate(0,20%);
    }

    .aboveShow3_p {
        transform: translate(0,30%);
    }

    .myHoverImg_p img {
        width: 100%;
        max-width: unset;
    }

    .myHoverImg_p:hover img {
        width: 120%;
    }
}

/*ホバーアニメーション*/
.dura_0_25 {
    -webkit-animation-duration: 0.25s;
    animation-duration: 0.25s;
}

.dura_0_5 {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.dura_0_75 {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
}

.dura_1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.buzz:hover {
    -webkit-animation: buzz 0.1s linear 0s infinite normal none;
    animation: buzz 0.1s linear 0s infinite normal none;
    position: relative;
}

@-webkit-keyframes buzz {

    25% {
        transform: rotate(-3deg);
        left: -1%;
        top: -0.5%;
    }

    50% {
        left: 0%;
    }

    75% {
        transform: rotate(3deg);
        left: 1%;
        top: 0.5%;
    }
}

@keyframes buzz {

    25% {
        transform: rotate(-3deg);
        left: -1%;
        top: -0.5%;
    }

    50% {
        left: 0%;
    }

    75% {
        transform: rotate(3deg);
        left: 1%;
        top: 0.5%;
    }
}

.pulse2:hover {
    -webkit-animation: pulse2 0.5s linear 0s infinite normal none;
    animation: pulse2 0.5s linear 0s infinite normal none;
    position: relative;
}

@-webkit-keyframes pulse2 {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse2 {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}