/*====================================
  Title
====================================*/

.sticker-title{
    position:absolute;
    z-index:5;
    width:88%;
    left:50%;
    top:18%;
    margin:0;
    transform:translateX(-50%) scale(0);
    transform-origin:center;
}

.sticker-title img{
    display:block;
    width:100%;
    height:auto;
}

/*====================================
  Common
====================================*/

.sticker{
    position:absolute;
    z-index:3;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    transform-origin:center;
    pointer-events:none;
}

/*====================================
  sticker01
====================================*/

.sticker01{

    width:25%;
    aspect-ratio:183 / 177;

    background-image:url(../img/top/sticker01.png);

    left:4%;
    top:3%;

    transform:
        translate(180px,160px)
        scale(.5)
        rotate(-8deg);

    opacity:0;

}

/*====================================
  sticker02
====================================*/

.sticker02{

    width:30%;
    aspect-ratio:192 / 141;

    background-image:url(../img/top/sticker02.png);

    left:35%;
    top:4%;

    transform:
        translate(20px,130px)
        scale(.5)
        rotate(-8deg);

    opacity:0;

}

/*====================================
  sticker03
====================================*/

.sticker03{

    width:24%;
    aspect-ratio:206 / 149;

    background-image:url(../img/top/sticker03.png);

    right:2%;
    top:4%;

    transform:
        translate(-170px,140px)
        scale(.5)
        rotate(-8deg);

    opacity:0;

}

/*====================================
  sticker04
====================================*/

.sticker04{

    width:87%;
    aspect-ratio:617 / 186;

    background-image:url(../img/top/sticker04.png);

    left:6.5%;
    top:44%;

    z-index:4;

    transform:
        scale(0)
        rotate(0deg);

}

/*====================================
  sticker05
====================================*/

.sticker05{

    width:27%;
    aspect-ratio:163 / 152;

    background-image:url(../img/top/sticker05.png);

    left:4%;
    bottom:26%;

    transform:
        translate(190px,-110px)
        scale(.5)
        rotate(-8deg);

    opacity:0;

}

/*====================================
  sticker06
====================================*/

.sticker06{

    width:30%;
    aspect-ratio:188 / 135;

    background-image:url(../img/top/sticker06.png);

    left:32%;
    bottom:19%;

    z-index:7;

    transform:
        scale(0)
        rotate(-8deg);

}

/*====================================
  sticker07
====================================*/

.sticker07{

    width:38%;
    aspect-ratio:273 / 198;

    background-image:url(../img/top/sticker07.png);

    left:4%;
    bottom:3%;

    z-index:6;

    transform:
        scale(0)
        rotate(-8deg);

}

/*====================================
  sticker08
====================================*/

.sticker08{

    width:42%;
    aspect-ratio:296 / 288;

    background-image:url(../img/top/sticker08.png);

    right:5%;
    bottom:7%;

    z-index:8;

    transform:
        translate(-180px,-130px)
        scale(.5)
        rotate(-8deg);

    opacity:0;

}