@charset "utf-8";

/* washf10ci */
.washf10ciBox{
	height: 100%;
    position: relative;
}
.washf10ciImg0{
    width: 100%; height: auto;
}
.washf10ciImgA1{
    position: absolute;
    top: 0; left: 0;
    /* display: none; */
}
.washf10ciImgA2{
    position: absolute;
    top: 0; left: 0;
    display: none;
}
.washf10ciImgA3{
    position: absolute;
    top: 0; left: 0;
    display: none;
}
@media screen and (max-width:767px) { /*SP*/
    .washf10ciZoomA1,.washf10ciZoomA2{
        width: 60px!important; height: auto;
        position: absolute;
        padding: 15px;
    }
    .washf10ciClose{
        width: 40px!important; height: auto;
        position: absolute;
        padding: 10px;
    }
	
	.washf10ciZoomA1{
	    left: 17%;
		top: 34%;
	}
	.washf10ciZoomA2{
	    left: 68%;
	    top: 34%;
	}
	.fh3_imgh03 .washf10ciZoomA1{
	    left: 12%;
		top: 35%;
	}
	.fh3_imgh03 .washf10ciZoomA2{
	    left: 63%;
	    top: 35%;
	}
	.fh3_imgh04 .washf10ciZoomA1{
	    left: 70%;
		top: 15%;
	}
	.fh3_imgh04 .washf10ciZoomA2{
	    left: 70%;
	    top: 65%;
	}
    .washf10ciClose{
        position: absolute;
	    bottom: 20px; right: -3px;
        display: none;
	}
}
@media screen and (min-width:768px) , print { /*PC&TB*/
    .washf10ciZoomA1,.washf10ciZoomA2,.washf10ciClose{
        width: 60px!important; height: auto;
        position: absolute;
        padding: 15px;
        transition: 0.1s;
    }
	
    .washf10ciZoomA1{
        left: 22%;
		top: 40%;
    }
	.washf10ciZoomA2{
	    left: 74%;
	    top: 40%;
	}
	.fh3_imgh03 .washf10ciZoomA1{
        left: 20%;
		top: 44%;
    }
	.fh3_imgh03 .washf10ciZoomA2{
	    left: 70%;
	    top: 44%;
	}
	.fh3_imgh04 .washf10ciZoomA1{
	    left: 63%;
		top: 17%;
	}
	.fh3_imgh04 .washf10ciZoomA2{
	    left: 63%;
	    top: 67%;
	}
    .washf10ciZoomA1:hover,.washf10ciZoomA2:hover{
        cursor: pointer;
        /* opacity: 0.5; */
        transform: scale(1.5);
    }
    .washf10ciClose:hover{
        cursor: pointer;
        /* opacity: 0.5; */
        transform: scale(1.2);
    }
	
    .washf10ciClose{
        position: absolute;
	    bottom: 15px; right: 0;
        display: none;
	}
	
}
