/* ====(((( 個別定義 ))))===== */



/*PC背景*/
@media screen and (min-width:767px){
.bg_deco00 { z-index: -7; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; }
.bgtop01 { z-index: -8; position:fixed; top:0; left:0; width:100%; min-width:1220px; height:auto; background-repeat:no-repeat; background-position:center top; }
}





.Area_bn-grid-1x1 .timee{position:absolute;top: 6%;left: 42%;width: 60%;z-index: 10;}
@media screen and (max-width:767px){
 .Area_bn-grid-1x1 .timee{top: 6%;left: 53%;width: 43%;} 
}
.Area_bn-grid-1x1 .timee, .Area_hero--tag {
    position:absolute;
    z-index:1;
    animation: pulse 1.2s ease infinite;
}

@keyframes pulse{
    0%,100%{
        transform:scale(1);
    }
    50%{
        transform:scale(1.05);
    }
}



.Area_hero--subtitle{
    position: relative;
    z-index: 1;
    transform-origin: center center;
    animation: dateShake 3s ease-in-out infinite;
    will-change: transform;
}

@keyframes dateShake {
    /* 靜止 */
    0%, 70%, 100% {
        transform: translateY(0) rotate(0deg);
    }

    /* 小彈起 */
    8% {
        transform: translateY(-6px) rotate(0deg);
    }

    /* 左右搖 */
    12% {
        transform: translateY(-6px) rotate(-3deg);
    }

    16% {
        transform: translateY(-6px) rotate(3deg);
    }

    20% {
        transform: translateY(-6px) rotate(-2deg);
    }

    24% {
        transform: translateY(-6px) rotate(2deg);
    }

    /* 回正落下 */
    30% {
        transform: translateY(0) rotate(0deg);
    }
}




.Area_hero .arrow_L{width: 25%;position: absolute;top: 68%;left: 2%;z-index: 99;}
.Area_hero .arrow_R{width: 25%;position: absolute;top: 68%;right: 2%;z-index: 99;}	
@media screen and (max-width:767px){
.Area_hero .arrow_L{width: 10%;position: absolute;top: 68%;left: 8%;z-index: 99;}
.Area_hero .arrow_R{width: 10%;position: absolute;top: 68%;right: 8%;z-index: 99;}	
}