/*飛び出す設定*/
.syoukai img{
    --s: 200px;
    --b: 6px;
    --c: #ae3ec9;
    --cb: #e9ecef;
    --f: 0.8;

    width: var(--s);
    aspect-ratio: 1;
    padding-top: calc(var(--s)/5);
    cursor: pointer;
    border-radius: 0 0 999px 999px;
    --_g: 50%/calc(100%/var(--f)) 100% no-repeat content-box;
    --_o: calc((1/var(--f) - 1)*var(--s)/2 - var(--b));
    outline: var(--b) solid var(--c);
    outline-offset: var(--_o);
    background: 
        radial-gradient(
            circle closest-side,
            var(--cb) calc(80% - var(--b)),var(--c) calc(100% - var(--b)) 99%,#0000) var(--_g);
            -webkit-mask:
            linear-gradient(#000 0 0) no-repeat 50% calc(1px - var(--_o)) / calc(100%/var(--f
            ) - 2*var(--b) - 4px) 50%,
            radial-gradient(circle closest-side,#000 99%,#0000) var(--_g);
            transform: scale(var(--f));
            transition: .5s;
}
img:hover{
    --f: 1.2;
}