@charset "UTF-8";

.zoomIn .mask img{
	transform: scale(1);
	transition: .3s ease-in-out;
}

.zoomIn .mask img:hover{
	transform: scale(1.1);
}

/*　画像のマスク　*/

.mask{
    display: block;
    line-height: 0;
    overflow: hidden;
}
#changePic {
    animation :imgfade 4s infinite;
    /* opacity: 0; */
    }
    
    @keyframes imgfade {
        0% {
            opacity:0;
        }
        
        5% {
            opacity: 0;
        }
       25% {
            opacity: 1;
        }
    
        75% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    .affi_image{
        height: 300px;
        object-fit: cover;
        width: 100%;
        margin-bottom: 50px;
    }