@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&family=Dela+Gothic+One&family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Noto+Sans+JP:wght@100..900&display=swap');
@charset "utf-8";
body{
    font-size:16px;
    /* font-family: "M PLUS Rounded 1c", sans-serif; */
    font-family: fot-chiaro-std, sans-serif;
    line-height:1.6em;
    letter-spacing:0.05em;
    color:#555;
    /* background:#e9c8f1; */
    background:linear-gradient(110deg,#9b65e4 20%, #c580d2 80%);
    min-height:100vh;
    position:relative;
}

body:before{
    content:'';
    background:url(../img/bg.png);
    background-size:cover;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    filter:blur(2px);
    opacity:.7;
}

body:after{
    content:'';
    background:url(../img/tx.png);
    background-size:50%;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:.3;
}

@media screen and (max-width:961px){
    body:before{
        content:'';
        background-size:300%;
        filter:blur(2px);
    }

    body:after{
        background-size:200%;
    }
}

.sp{
    display:none !important;
}

@media screen and (max-width:961px){
    .pc{
        display:none !important;
    }

    .sp{
        display:block !important;
    }
}

a{
    color:#9b65e4;
}

.wrap{
    padding-top:70px;
    overflow:hidden;
    position:relative;
    z-index:1;
}

.inr{
    width:1200px;
    max-width:calc(90% + 1.5em);
    margin:0 auto;
}

section{
    padding:3em 0;
    position:relative;
}

section:before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    transform:scaleX(0);
    transform-origin:right;
    background:#ffffff40;
    transition: .5s .2s transform;
}

section:has(.started):before{
    transform:scaleX(1);
    transform-origin:left;
}

section:nth-child(odd):before{
    transform-origin:left;
    background:#9b65e410;
}

section.movie:nth-child(odd):before{
    background:#ffffff40;
}

section:nth-child(odd):has(.started):before{
    transform-origin:right;
}


section .inr{
    padding:1em;
    position:relative;
}

section .inr:before{
    content:'';
    width:10%;
    padding-top:10%;
    background:linear-gradient(#9b65e4 20%, #b86bc7 80%);
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    position:absolute;
    top:0;
    right:0;
    z-index:1;
    opacity:.8;
}

section .inr:after{
    content:'';
    width:10%;
    padding-top:10%;
    background:linear-gradient(#9b65e4 20%, #b86bc7 80%);
    clip-path: polygon(0 0, 0 100%, 100% 100%);
    position:absolute;
    bottom:0;
    left:0;
    z-index:1;
    opacity:.8;
}

section .inr{
    opacity:0;
    position:relative;
    transition:.3s;
}

section .inr.started{
    right:0;
    opacity:1;
}

section:nth-child(n + 4) .inr{
    right:-3em;
    opacity:0;
}

section:nth-child(n + 4):nth-child(odd) .inr{
    right:3em;
    opacity:0;
}

section:nth-child(n + 4).first{
    transition:.3s .7s;
}

.loaded section:nth-child(n + 4) .inr.started{
    right:0;
    opacity:1;
}





@media screen and (max-width:961px){
    section{
        padding:1.5em 0;
    }

    section .inr{
        padding:.5em;
    }

    section .inr:before,
    section .inr:after{
        width:20%;
        padding-top:20%;
    }
}


*{
    margin:0;
    padding:0;
    list-style:none;
    font-style:normal;
    font-weight:400;
    text-decoration:none;
    box-sizing:border-box;
    line-height:1.6em;
}

img{
    max-width:100%;
    pointer-events:none;
}

.loading {
    min-height:100svh;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    transition:.3s;
    z-index:1;
    /* background:#ffffcd;
    background:url(../img/bg_loading.png);
    background-size:cover; */
    z-index:1000;
    background:#d300a5;
}

.loading:after{
    content:'';
    background:url(../img/bg_fv.png) center center;
    background-size:cover;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    filter:blur(5px);
    /* opacity:.4; */
}

.loading .logo{
    z-index:3;
    position:absolute;
    transform:translate(-50%, -50%) scale(1);
    top:50%;
    left:50%;
    width:60%;
    filter: drop-shadow(5px 5px 10px #00000030) drop-shadow(-6px -5px 10px #00000030);
}

.loading .logo figure {
    width:100%;
    padding-top:55.74%;
}

.loading .logo figure img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
}

.loading .logo figure img{
    opacity: 0;
    transition: .1s 1s;
    top:0;
    right:-100vw;
}

.loading .logo figure img:nth-child(4){
    right:0;
    top:auto;
    bottom:0;
    filter:blur(10px);
    transform:rotate(-1440deg);
}

.logo figure img:nth-child(1){transition:.1s .5s;}
.logo figure img:nth-child(2){transition:.1s .55s;}
.logo figure img:nth-child(3){transition:.1s .6s;}
.logo figure img:nth-child(4){transition:.5s 1s;}

.readed .loading .logo figure img{
    opacity:1;
    top:0;
    right:0;
}

.readed .loaded .loading .logo figure img{
    right:auto;
    left:-105vw;
}

.readed .loading .logo figure img:nth-child(4){
    filter:blur(0);
    transform:rotate(0);
}





.readed .loading .logo{
    transform:translate(-50%, -50%) scale(1);
    top:50%;
    left:50%;
}


.loaded .loading{
    left:0;
    opacity:0;
    animation:zidx .5s forwards;
}

.logo {
    width:60%;
    position:absolute;
    transform:translate(-50%, -50%);
    top:50%;
    left:50%;
    transition:.3s;
    filter: drop-shadow(5px 5px 10px #fff) drop-shadow(-6px -5px 10px #fff);
}

.logo img{
    display:block;
    margin:0 auto;
    /* scale:0; */
    transition:.1s .2s;
    /* max-height:33vh; */
    object-fit:contain;
}

/* .logo img.pc,
.logo img.sp{
    filter: drop-shadow(0px 6px 0px #998268);
} */

.logo .txt{
    width: 25vw;
    display: block;
    margin:0 0 0 auto;
    transform: rotate(-5deg);
    top: -3em;
    position: relative;
    transition:.1s 1s;
    scale:10;
    opacity:0;
    background: #9b65e4;
    padding: .5em 5em;
}

.readed .logo img{
    scale:1;
    opacity:1;
}

.mainvisual{
    text-align:center;
}

.mainvisual .logo .txt{
    top:-3em;
}

.mainvisual .caption {
    font-weight:normal;
    padding: 0.5em 1em;
    text-align:center;
    /* background:#6ddcff; */
    background:linear-gradient(20deg,#9b65e4 20%, #c580d2 80%);
    color:#fff;
    font-size: 1.1em;
    line-height:1.6em;
   /*  box-shadow: 1px 1px 10px #00000050 inset; */
    transition:.3s .5s;
    position:relative;
    left:3em;
    opacity:0;
}

.mainvisual .caption:before{
    content: '';
    width: 100%;
    height: 5px;
    background: linear-gradient(45deg, #f2dc86 0%, #f8edac 45%, #d9bd5a 70%, #f0db8d 85%, #ddc466 90% 100%);
    position: absolute;
    top: -5px;
    right: 0;
}

.mainvisual .caption:after{
    content: '';
    width: 100%;
    height: 5px;
    background: linear-gradient(to left, #f2dc86 0%, #f8edac 45%, #d9bd5a 70%, #f0db8d 85%, #ddc466 90% 100%);
    position: absolute;
    bottom: -5px;
    right: 0;
}

.loaded .mainvisual .caption{
    left:0;
    opacity:1;
}

.mainvisual .caption p{
    /* font-family: "BIZ UDPGothic", sans-serif; */
    font-weight:700;
    font-size: 1.3em;
    line-height: 1.5em;
    letter-spacing:-0.03em;
}

/* .mainvisual .caption p:first-child{
    margin-bottom:.5em;
} */

.mainvisual{
    /* background:url(../img/bg_loading.png); */
    background-size:cover;
    padding:0 0 3em;
    top:0;
    opacity:1;
}

.mainvisual .logo{
    position:relative;
    transform:translate(0, 0);
    left:0;
    margin:0 auto;
    /* width:640px; */
    padding:0;
    max-width:80%;
    transition:.3s .3s;
    top:3em;
    opacity:0;
    animation: poyoyon 10s 1s infinite;
}


.loaded .mainvisual .logo{
    top:0;
    opacity:1;
}







@media screen and (min-width:961px){
    .mainvisual{
        position: relative;
        height: calc(100vh - 70px);
        min-height: 800px;
    }

    .mainvisual .logo{
        transform:translate(-50%, -50%);
        top:calc(42% - 20px);
        left:50%;
        animation: pyy 10s 1s infinite;

    }

    .loaded .mainvisual .logo{
        position:absolute;
        transform:translate(-50%, -50%);
        top:calc(42% - 70px);
        left:50%;
        z-index:1;
    }

    .mainvisual .caption{
        position:absolute;
        bottom:5px;
        right:0;
        width:100%;
    }
}


@media screen and (max-width:961px){
    body{
        background-size:70vw;
    }

    /* .loading:after{
        background-size:200%;
    } */
    .logo{
        width: 90%;
        transform: translate(-50%, -50%);
    }

    .loading .logo{
        width:90%;
    }
    

    .logo img{
        /* max-height:25vh; */
    }

    .logo img:nth-child(1){
        width:100%;
        margin:0 auto .5em;
    }

    .logo img.sp,
    .logo img.pc{
        filter: drop-shadow(0px 3px 0px #998268);
    }

    .logo .txt{
        top:-1em;
        width:45%;
        padding:.5em 1em;
    }

    .wrap{
        padding-top:0;
    }

    .mainvisual{
        position:relative;
        height:100svh;
        min-height:700px;
    }

    .mainvisual .main_fv{
        position:absolute;
        transform:translate(0, -50%);
        top:50%;
        width:100%;
    }


    .mainvisual .logo .txt{
        top:-1em;
    }

    .logo .prd{
        width:95%;
        margin-top:-.5em;
    }

    .mainvisual{
        padding:0 0 1.5em;
    }
    .mainvisual .logo{
        padding:0 0 2em;
        max-width:95%;
    }
    .mainvisual .caption p{
        font-size:1.3em;
        white-space: nowrap;
        display:inline-block;
        transition:.3s;
        letter-spacing:-0.03em;
    }

    .loaded .mainvisual .caption p{
        animation:txroll 40s infinite linear .5s both;
    }

    .scroll{
        /* height: 0; */
        position: absolute;
        transform: translate(-50%, 0);
        bottom: 1em;
        left: 50%;
        text-align:center;
        transition:.3s 1s;
    }

    .scrl .scroll{
        opacity:0;
    }

    .scroll span{
        font-size:.7em;
        color: #9b65e4;
    }

    .scroll em{
        display:block;
        background: #9b65e480;
        width: 2px;
        height: 5em;
        transition:transform 1s;
        margin:.5em auto;
        animation:scroll 3s infinite;
    }

}


h2{
    text-align:center;
    margin:0 0 .5em;
    font-weight:normal;
    font-size:3em;
    /* letter-spacing:0.1em; */
    letter-spacing:0;
    filter:drop-shadow(0px 6px 0px #fff);
    font-family: fot-chiaro-std, sans-serif;
    color:#9b65e4;
}

h2 span{
    display:inline-block;
}

h2 span:first-child{
    transform:rotate(-5deg);
    font-size:1.1em;
}

h2 span:last-child{
    transform:rotate(5deg);
    font-size:1.05em;
}

@media screen and (max-width:961px){
    h2{
        font-size:2em;
    }
}

.started h2{
    animation: poyoyon 10s infinite;
}

h3{
    font-weight:bold;
}

.box{
    padding:2em;
    background:#ffffffaa;
    /* border-radius:.5em; */
    position:relative;
    text-align:center;
    /* box-shadow: 1px 3px 10px #00000050 inset; */
    box-shadow: 3px 5px 15px #00000020;
    position:relative;
    overflow:hidden;
}

.box:before {
    content: '';
    display: block;
    width: 100%;
    height:100%;
    background:url(../img/tx.png);
    opacity:.5;
    position: absolute;
    top: 0;
    right: 0;
    z-index:0;
}

.box *{
    position:relative;
}

.box a{
    transition:.3s;
}

.box a:hover{
    scale:1.1;
}




.caution{
    text-align:left;
    font-size:.9em;
    margin:1em 0;
}

.caution h3{
    margin:3em 0 1em;
    font-weight:700;
    font-size:1.3em;
    text-align:center;
}

.caution h3 span{
    display: inline-block;
    margin: 0 auto 1em;
    padding: 0 1em;
    background: linear-gradient(170deg,#9b65e4 20%, #c580d2 80%);
    color: #fff;
    font-size: 1.7em;
    border-radius: 50rem;
    font-weight: 700;
}

.caution ul li{
    padding-left:1em;
    position:relative;
    margin-bottom:.5em;
    font-weight:500;
}

.caution ul li:before{
    content: '※';
    /* width: .25em; */
    /* height: .25em; */
    /* background: #444; */
    /* border-radius: 50rem; */
    position: absolute;
    /* top: .6em; */
    left: 0;
}

.caution p{
    margin: 1em 0;
    font-weight: 500;
}

.caution .regident{
    font-weight:500;
}

.caution .regident ol{
    background:#ffffff80;
    padding: 2em 4em;
    border-radius:10px;
}

.caution .regident ol li{
    font-weight:500;
    text-indent:-1.5em;
    margin-bottom:0.5em;
}

.caution .regident p.ntc_txt{
    font-size:.9em;
    padding:0.5em 0 0.5em 1em;
}

.caution .regident ol li > p.ntc_txt{
    padding:0 0 0 1em;
    margin:0.5em 0;
}



.caution .regident > p.ntc_txt{
    padding: 0.5em 0 0.5em 1em;
    font-size:1em;

}

.caution .regident p.ntc_txt span,
.caution .regident > p.ntc_txt span{
    display:block;
    text-indent:-1em;
    margin-bottom:.5em;
    font-weight:500;
}

.caution .regident .example{
    padding:1em 2em;
    background:#ffffff80;
    font-weight:500;
    position:relative;
    border-radius:10px;
}

.caution .regident .example h4 {
    margin:1em 0;
}

.caution .regident .example h4 span{
    display: inline-block;
    /* padding: .2em 1em; */
    background: linear-gradient(transparent 60%, #9b65e440 60%);
    color: #9b65e4;
    margin-bottom: .5em;
    /* border-radius: 50rem; */
    font-weight: 500;
}

@media screen and (max-width:961px){
    .box{
        padding:1.5em;
    }

    .caution h3 span{
        font-size: 1em;
        line-height: 1.2em;
        padding: .2em 1.5em;
    }

    .caution .regident .example h4 {
        text-align:center;
    }

    .caution .regident ol{
        padding:2em 1em 2em 3em;
    }

    .caution .regident ol li > p.ntc_txt{
        position:relative;
        left:-1em;
    }
}





.push{
    margin-top:1em;
    position:relative;
}

.push strong{
    font-size:2.5em;
    display:block;
    margin-bottom:.3em;
    font-weight:800;
    letter-spacing:0;
    line-height:1.2em;
}

.push strong em{
    font-size:.5em;
    margin:0 .3em;
}

.push strong em.yen{
    font-weight:bold;
    font-size:.7em;
}

.act .push strong em{
    font-weight:800;
}

.act .member figure{
    width:640px;
    max-width:100%;
    margin:1em auto;
    filter: drop-shadow(0px 5px 0px #9b65e430);
}

.act .member figure img{
    border-radius:10px;
}

.act .member em{
    background: linear-gradient(transparent 60%, #9b65e430 60%);
    color: #9b65e4;
    font-weight: 800;
    padding: 0 1em;
    display: inline-block;
    font-size: 1.5em;
}

.act .member ul{
    margin:1em 0 0;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}

.act .member ul li{
    display:inline-block;
    margin:0 0 0 0.5em;
    font-weight:500;
}

.act .member ul li:after{
    content:' / '
}

.act .member ul li:last-child:after{
    content:'';
}

.act .member .more{
    margin:.2em 0 1em;
    font-size:.9em;
}


.act .member p,
.act p.act_caution{
    font-size:.85em;
    color:#c22;
}

.act .guest{
    margin:2em auto;
    width:800px;
    max-width:100%;
}

.act .guest h3{
    color:#9b65e4;
    font-size:2em;
    margin-bottom:.5em;
    display:inline-block;
    background:linear-gradient(transparent 60%, #9b65e430 60%);
    padding:0 .5em;
}

.act .guest ul{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}

.act .guest ul li{
    width:calc(100% / 3 - .2em);
    position:relative;
}

.act .guest ul li .thumb{
    width:100%;
    padding-top:100%;
    position:relative;
    overflow:hidden;
}

.act .guest ul li .thumb img{
    position:absolute;
    width:100%;
    height:100%;
    transform:translate(-50%, -50%);
    top:50%;
    left:50%;
    object-fit:contain;
    z-index:1;
}

.act .guest ul li .thumb img.blur{
    object-fit:cover;
    filter:blur(10px);
    z-index:0;
    width: 110%;
    height: 110%;
    max-width: none;
}

.act .guest ul li em{
    position:absolute;
    padding:.2em 1em;
    font-size:.8em;
    border-radius:5px;
    background:#b86bc7;
    color:#fff;
    position:absolute;
    top:-.5em;
    left:0;
    z-index:2;
    transform:rotate(-1deg);
}

.act .guest ul li:nth-child(2) em{
    background:#fff;
    color:#9b65e4;
    border:solid 1px;
}

.schedule .place{
    padding:1em;
    font-size:2.5em;
    font-weight:700;
    position:relative;
}

@media screen and (max-width:961px){
    .push strong{
        font-size:2.5em;
    }

    .schedule .place{
        font-size:1.5em;
    }

    .act .push strong em{
        display:block;
    }

    .act .guest ul li{
        width:70%;
        margin:0 auto 1em;
    }
}


.special h3{
    font-size:1.5em;
    margin-bottom:.7em;
}

.special .comment{
    padding:0 2.5em;
}


.special .comment h3{
    text-align:left;
    margin-left:.5em;
    margin-bottom:2em;
}
.special .comment h3 span{
    color:#fff;
    background:#9b65e4cc;
    border:solid 1px #9b65e440;
    padding:0.3em .5em;
}

.special .comment .mem_comment{
    margin-bottom:2.5em;
    text-align:left;
}

.special .comment .mem_comment h4{
    font-size:1.3em;
    margin-bottom:1em;
    padding:0 1em;
}

.special .comment .mem_comment h4 strong{
    background: linear-gradient(transparent 40%, #9b65e430 40%);
    padding:0 0.5em;
}


.special .comment .mem_comment dl dt{
    margin:1em 0 .5em;
    font-size:1.1em;
    color:#9b65e4;
    padding:0 1em;
}

.special .comment .mem_comment dl dd{
    background:#ffffff80;
    border-radius:10px;
    padding:1.5em;
    /* border: solid 1px #9b65e4cc; */
    box-shadow: 1px 1px 10px #9b65e420;
}

.special .txt{
    padding:1.5em;
    border:solid 1px #9b65e450;
    margin:0 1.5em;
    background: #9b65e480;
    color: #fff;
    margin-bottom:5em;
}

.special .txt p{
    max-width:100%;
    margin:0 auto;
    text-align:left;
    /* margin-bottom:3em; */
    padding:0 2.5em;
}


.special h4.tit {
    display: inline-block;
    background: #9b65e4;
    color: #fff;
    border-radius: 50rem;
    padding: 0 1em;
    margin: 0 0 .5em;
    position: relative;
    font-size: 1.7em;
    font-weight: 800;
}

.special p.anuc {
    margin: 0 0 1em;
    color: #c22;
}

.special .member_solo{
    margin:2em auto;
}

.special .member_solo{
    margin-bottom:2em;
    width:700px;
    max-width:100%;
    margin:0 auto 2em;
}

.special .member_solo .date_song{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-bottom:.5em;
}

.special .member_solo .date_song .member_date{
    width:calc(100% / 5);
    background:#ffffff80;
    display:flex;
    align-items:center;
    justify-content: center;
    font-weight:800;
    background:#9b65e4;
    color:#fff;
}

.special .member_solo .date_song .member_date p,
.special .member_solo .date_song .member_date em{
    font-weight:800;
}

.special .member_solo .date_song .member_date em{
    font-size:.8em;
}

@media screen and (min-width:961px){
    .special .member_solo .date_song .member_date{
        align-items:baseline;
        padding:1em;
    }
}

.special .member_solo .date_song dl{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    width:calc(100% / 5 * 4 - .2em);
}

.special .member_solo .date_song.nodate dl{
    width:100%;
}

.special .member_solo .date_song dl dt,
.special .member_solo .date_song dl dd{
    box-shadow: 2px 2px 10px #9b65e410;
}

.special .member_solo .date_song dl dt{
    width:calc(150px - .1em);
    padding:1em;
    background:#ffffff40;
    margin-bottom:.1em;
}

.special .member_solo .date_song dl dt strong{
    font-weight:700;
}

.special .member_solo .date_song dl dd{
    width:calc(100% - 150px - .1em);
    padding:1em;
    background:#ffffff40;
    display:flex;
    align-items:center;
    justify-content: center;
    margin-bottom:.1em;
}

.special .member_solo .date_song dl dd span{
    font-weight:800;
    background: #9b65e4;
    color: #fff;
    width: 1.5em;
    height: 1.5em;
    display: block;
    line-height: 1.5em;
    margin: 0 auto;
    border-radius: 50rem;
}

.special .member_solo .date_song dl dt .thumb {
    width:100%;
    padding-top:100%;
    position:relative;
    border-radius:50rem;
    overflow:hidden;
}

.special .member_solo .date_song dl dt .thumb img{
    width:100%;
    height:100%;
    position:absolute;
    object-fit:cover;
    object-position:0 0;
    top:0;
    right:0;
}

.special .member_solo .date_song dl dd strong{
    font-size:1.3em;
    display:block;
    font-weight:800;
}

.special .member_solo dl dd em{
    letter-spacing:0.2em;
    font-size:.8em;
    color: #9b65e4;
}


@media screen and (max-width:961px){
    .special .comment,
    .special .comment .mem_comment h4,
    .special .txt p{
        padding: 0;
    }

    .special h3{
        font-size:1.2em;
    }

    .special .txt{
        margin:0 0 3em;
    }

    .special .comment h3{
        text-align:center;
        margin-left:0;
    }

    .special .comment .mem_comment dl dt{
        padding:.0 .5em;
    }

    .special .comment .mem_comment dl dd{
        padding:1em;
    }

    .special .member_solo .date_song .member_date{
        width:100%;
    }

    .special .member_solo .date_song dl{
        width:100%;
    }

    .special .member_solo .date_song dl dt{
        width:calc(40% - .1em);
        padding:.5em;
    }

    .special .member_solo .date_song dl dd{
        width:calc(60% - .1em);
        padding:.5em;
    }

    .special .member_solo .date_song .member_date{
        padding:.2em 0;
        margin-bottom:.2em;
    }

    .special .member_solo .date_song .member_date{
        padding:.2em 0;
        margin-bottom:.2em;
    }

    .special .member_solo .date_song .member_date em{
        margin-right:.5em;
    }

    .special .member_solo .date_song dl dd strong{
        font-size:1.1em;
    }
}


.schedule .push strong{
    letter-spacing:unset;
}

.schedule .push span{
    display:block;
    font-size:.9em;
    margin:0.25em 0;
    /* letter-spacing:0; */
}

.schedule .push span em {
    display:inline-block;
    /* border:solid 1px #00000030; */
    padding:0 .5em;
    margin-right:.5em;
    background:#9b65e4;
    color:#fff;
    font-size:.8em;
}

.schedule .push strong i{
    font-weight:800;
}

.schedule .push strong i em {
    font-weight:normal;
}

.schedule dl{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    padding:1em 0;
    border-bottom:solid 1px #9b65e480;
    letter-spacing:-0.05em;
}

.schedule .push strong{
    margin-bottom:0;
}

.schedule dl dt,
.schedule dl dd{
    padding:0.5em;
}

.schedule .push dl dd span{
    font-size:1.7em;
}

.schedule dt strong em {
    font-weight:800;
}

.schedule .push dl dd span{
    font-weight:800;
}

.schedule .push dl dd span em{
    font-size:.5em;
    letter-spacing:.1em;
    position:relative;
    bottom:.2em;
    background:#9b65e4cc;
    transform:rotate(-3deg);
}

.schedule .push dl:nth-child(2) dd span em{
    background:none;
    color:#9b65e4;
    border:solid 1px;
}

.schedule .push dl dd span i{
    font-size:.7em;
    font-weight:800;
    color:#999;
}

@media screen and (max-width:961px){
    .schedule .push strong i{
        /* display:block; */
        font-size:.6em;
        line-height:1em;
    }

    .schedule .push dl dd span:nth-child(2){
        margin-top:.5em;
    }

    .schedule .push dl dd span em{
        display:block;
        background: linear-gradient(45deg, #9b65e4, #9b65e4cc);
        font-size:.7em;
        letter-spacing:.2em;
        width:5em;
        margin:1em auto 0;
        bottom:0;
    }

    .schedule dl{
        text-align:left;
        padding:2em .5em;

    }

    .schedule dl:nth-child(1){
        padding:1em .5em 2em;
    }

    .schedule dl dt{
        position:relative;
    }

    .schedule dl dt > em{
        background: #9b65e4;
        color: #fff;
        padding: 0 .5em;
        display: inline-block !important;
        position: absolute;
        top: 50%;
        right: 1.5em;
        transform: translate(0, -50%) rotate(-3deg);
    }

    .schedule dl:nth-child(2) dt > em{
        background:none;
        color:#9b65e4;
        border:solid 1px;
    }

    .schedule dl dt,
    .schedule dl dd{
        width:100%;
        padding:0 .5em;
        max-width:270px;
        margin:0 auto;
    }

    .schedule dl dt{
        /* margin-bottom:.5em; */
    }

    .schedule dl dd{
        font-size:.9em;
    }

    .schedule .push dl dd span{
        font-size:1.3em;
    }
}



.release_ticket{
    margin:1.5em 0 1em;
}

.release_ticket .blc.end{
    pointer-events:none;
    position:relative;
}

.release_ticket .blc.end h3,
.release_ticket .blc.end p{
    opacity:.3;
}


.release_ticket .blc.end:after{
    content:'期間終了';
    background:#9b65e4ee;
    font-size:2em;
    font-weight:bold;
    color:#fff;
    padding:.3em 1em;
    position:absolute;
    transform:translate(-50%, -50%) rotate(-3deg);
    top:50%;
    left:50%;
    display:inline-block;
    border-radius:3px;
    min-width:5em;
}



.release_ticket p{
    padding:0.5em;
    font-weight:700;
    font-size:1.2em;
}

.release_ticket p strong{
    font-size:1.2em;
    font-weight:700;
}

.release_ticket p a{
    max-width: 300px;
    display: block;
    margin: 1em auto 0;
    border: solid 1px #9b65e4;
    padding: .5em 1em .2em;
    border-radius: 10px;
    background: #fff;
    position:relative;
}

.ticket h3 {
    text-align:left;
    position:relative;
    display:flex;
    align-items:center;
    margin:1.5em 0 1em;
}

.ticket h3 span{
    padding: 0 1em;
    border: solid 3px;
    color: #9b65e4;
    font-weight: 800;
    background: #fff;
    z-index: 1;
    letter-spacing: .1em;
    margin: 0 auto;
    font-size: 1.5em;
    border-radius: 10px;
}

.ticket h3:after{
    content:'';
    display:block;
    width:100%;
    height:2px;
    background:#9b65e450;
    margin-left:auto;
    position:absolute;
}

.ticket .push strong{
    font-size:3em;
}

.ticket .sold{
    position:relative;
}


.ticket .sold *{
    opacity:.65;
    filter:grayscale();
    pointer-events:none;
}

.ticket .sold:after{
    content:'SOLD OUT!';
    background:#cc2222dd;
    color:#fff;
    padding:.2em 1em;
    min-width:10em;
    position:absolute;
    transform:translate(-50%, -50%) rotate(-5deg);
    top:50%;
    left:50%;
    letter-spacing:.1em;
    font-size:1.5em;
}

.ticket i{
    display:inline-block;
    color:#fff;
    background:#9b65e4;
    padding:0 1em;
    margin-bottom:1em;
    letter-spacing: 0.2em;
    font-size: .9em;
}

.ticket .push strong.stand_price{
    margin-bottom:0;
}

.ticket .stand_caution{
    font-size:.85em;
    color:#c22;
    margin-bottom:1.5em;
    display:block;
}

.ticket .stand_caution ol li{
    padding-left:1em;
    text-indent:-1em;
}

@media screen and (max-width:961px){
    .ticket h3 span{
        /* font-size:.85em; */
        font-size:1.2em;
    }

    .release_ticket p strong{
        font-size:1em;
    }

    .release_ticket p a{
        border: solid 1px #9b65e4;
    }

    .ticket .stand_caution{
        text-align:left;
        display:block;
    }
}

.broad .caption{
    margin-bottom: 1em;
    font-weight: 800;
    color: #c22;
    font-size: 2.5em;
}


.broad h3{
    margin:3em 0 1em;
    font-weight:700;
    /* font-size:1.3em; */
    text-align:center;
}

.broad .txt{
    margin-top:2em;
}

.broad .txt h4:nth-child(3){
    color:#9b65e4cc;
    background:#fff;
}

.broad h3 span{
    display: inline-block;
    margin: 0 auto;
    padding: 0 1em;
    background: linear-gradient(170deg, #9b65e4 20%, #c580d2 80%);
    color: #fff;
    font-size: 1.7em;
    border-radius: 50rem;
    font-weight: 700;
}

.broad h4{
    font-weight: 700;
    margin-bottom: .5em;
    font-size: 1.5em;
    display: inline-block;
    background: #9b65e4cc;
    color: #fff;
    border: solid 1px;
    padding: 0 1em;
    border-radius: 10px;
}

.broad h4 em{
    font-size:.5em;
    font-weight:700;
}

.broad dl{
    margin-bottom:3em;
    display:flex;
    flex-wrap:wrap;
    width:640px;
    max-width:100%;
    margin:1em auto 3em;
    justify-content:center;
    align-items:center;
    background:#ffffff80;
    padding:.5em 0;
    border-radius:5px;
}

.broad dl dt{
    background: #9b65e4;
    border-radius: 10px;
    padding: 0 1em;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-bottom: .5em; */
    min-width:10em;
}

.broad dl dt:nth-child(4){
    background:#fff;
    color:#9b65e4;
    border:solid 1px;
}

.broad dl dd{
    padding:0 0 0 .5em;
    font-weight:700;
    font-size:1.8em;
}

.broad dl dd span{
    font-weight: 700;
    min-width: 5em;
    margin-right: .3em;
    display: inline-block;
    text-align:right;
}

.broad em{
    font-size:.8em;
}

.broad dl dt em,
.broad dl dd em{
    font-weight:700;
    font-size:.8em;
}

.broad dl dd.line{
    width:100%;
    height:0;
    padding:0;
    margin:0;
}

.broad .blc p strong{
    font-size:3em;
    font-weight:800;
}

.broad .blc p strong em{
    /* font-weight:800; */
    font-size:.4em;
    margin-left:.2em;
}

.broad .blc p strong em:nth-child(1){
    font-weight:bold;
    font-size:.7em;
}

.broad .blc.term p{
    font-size: 1.5em;
    font-weight: 700;
}

.broad .blc.term p em{
    font-weight:700;
}

.broad .tohulu{
    margin-top:5em;
}

.broad .present{
    margin:3em 0;
}

.broad .present h5{
    font-size:1.4em;
    color:#9b65e4;
    margin-bottom:1em;
}

.broad .present h5 span{
    background:linear-gradient(transparent 60%, #9b65e430 60%);
}

.broad .present .btnara{
    margin:1.5em 0;
    text-align:center;
}

.broad .present .btnara .btn{
    background:#fff;
    color:#9b65e4;
    padding:.5em 1.5em;
    border-radius:50rem;
    border:solid 1px;
    font-size:1.4em;
    transition:.3s;
    display:inline-block;
}

.broad .present .btnara .btn:hover{
    transform:scale(1.05);
}

.tohulu a,
.broad .tohulu a{
    display:block;
    /* width:300px; */
    width:500px;
    max-width:100%;
    padding:.5em 1em;
    border-radius:1em;
    border:solid #3ce032;
    filter:drop-shadow(4px 4px 0 #3cad35);
    background:#fff;
    margin:2em auto .5em;
    transition:.3s;
    font-weight:800;
    font-size:2em;
    color:#3ce032;
}

.float_ticket .tohulu {
    text-align:center;
}

.float_ticket .tohulu a{
    font-size: 1em;
    width: auto;
    text-align: center;
    margin: 1em;
    display:inline-block;
}

.broad .tohulu a:hover{
    filter:drop-shadow(0 0 0 #3cad35);
}

.broad .broad_caution{
    font-size:.9em;
    color:#c22;
}

.broad .broad_caution span{
    display:block;
}

@media screen and (max-width:961px){
    .broad h3{
        font-size:1em;
        margin-bottom:1.5em;
    }

    .broad h3 span{
        font-size:1.5em;
    }

    .broad .caption{
        font-size:1.4em;
    }

    .broad h4{
        font-size:1.3em;
    }
    .broad dl{
        text-align:left;
        justify-content: left;
        margin-top:0;
        margin-bottom:1.5em;
        padding:1em;
        background:#ffffff80;
    }

    .broad dl dt{
        min-width:auto;
    }

    .broad dl dd{
        margin:.2em 0 .5em;
        font-size:1.3em;
        padding:0;
        width:100%;
    }

    .broad dl dd:last-child{
        margin:.2em 0 0;
    }

    .broad dl dd span{
        min-width:auto;
    }
    

    .broad .blc.term p{
        font-size:1.2em;
    }

    .broad .tohulu{
        margin-top:3em;
    }

    .broad .tohulu a{
        font-size:1.1em;
    }

    .broad .broad_caution{
        font-size:12px;
    }

    .broad .broad_caution span{
        margin-top:.5em;
        padding-left:1em;
        text-indent:-1em;
        text-align:left;
    }

}

.goods .push strong{
    color:#9b65e4;
}

.goods h3{
    color:#9b65e4;
    margin-bottom:.5em;
    font-size:1.4em;
}

.goods .goodsara ul {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}

.goods .goodsara ul:after{
    content:'';
    width:calc(25% - 2px);
}

.goods .goodsara ul:before{
    content:'';
    width:calc(25% - 2px);
    order:1;
}

.goods .goodsara ul li{
    padding:1em;
    width:calc(25% - 2px);
    margin-bottom:2px;
    background:#ffffff80;
    cursor:pointer;
}

.goods .goodsara ul li.jc:before{
    content:'受注商品';
    position:absolute;
    background:#ef6c6c;
    color:#fff;
    padding:0 .5em;
    font-size: .7em;
    top: 0;
    left: 0;
    z-index:1;
    opacity:.8;
}

.goods .goodsara ul li.zk:before{
    content:'在庫商品';
    position:absolute;
    background:#be95f5;
    color:#fff;
    padding:0 .5em;
    font-size: .7em;
    top: 0;
    left: 0;
    z-index:1;
    opacity:.8;
}

/* .goods .goodsara ul li.random_item{
    position:relative;
}

.goods .goodsara ul li.random_item:after{
    content:'ランダム';
    font-size:.8em;
    font-weight:bold;
    display:inline-block;
    background:#fff;
    color:#9b65e4;
    border:solid 1px;
    /* border-radius:.5em; */
    position:absolute;
    top:-.3em;
    right:0.5em;
    padding:0 .5em;
    transform:rotate(2deg);
    transition:.3s;
} */

.goods .goodsara ul li.upt_item{
    position:relative;
}

.goods .goodsara ul li.upt_item:after{
    content:'';
    position:absolute;
    width:2em;
    height:2em;
    background:url(../img/goods/logo_upt.png) center center no-repeat;
    background-size:contain;
    top: .5em;
    right:.5em;
}

.goods .goodsara ul li.random_item:hover:after{
    /* top:-1.5em;
    right:0;
    transform:rotate(10deg); */
    transform:rotate(2deg) scale(.8);
}

.goods .goodsara ul li img{
    transition:.3s;
    scale:1;
}

.goods .goodsara ul li:hover img{
    scale:1.1;
    z-index:1;
}

.goods .goodsara ul li .tit{
    margin-top:.5em;
    font-size:14px;
}

.goods .goodsara ul li .tit span{
    display:block;
    font-weight:500;
}

.goods .goodsara ul li .tit em{
    font-size:.8em;
}

.goods .goodsara ul li .tit em.venue{
    color:#c22;
}

.goods .goods_info{
    margin:3em 0;
}

.goods .goods_info h3{
    margin-bottom:2em;
}

.goods .goods_info .sale_term dl dt{
    display:inline-block;
    padding:.1em .5em;
    background:#9b65e4;
    color:#fff;
    letter-spacing:0.1em;
    margin-bottom:.5em;
}

.goods .goods_info .sale_term dl dd{
    font-size:1.2em;
}

.goods .goods_info .btnara{
    margin:3em 0;
    text-align:center;
}

.goods .goods_info .shop_name{
    color:#9b65e4;
    margin-bottom:.5em;
    font-size:1.3em;
}

.goods .goods_info .btnara .btn{
    display:inline-block;
    padding:.5em 1.5em;
    font-size:1.5em;
    font-weight:800;
    background:#fff;
    color:#9b65e4;
    border:solid 2px;
    border-radius:50rem;
    transition:.3s;
}

.goods .goods_info .btnara .btn:hover{
    background:#9b65e4;
    border:solid 2px #9b65e4;
    color:#fff;
}

section:nth-child(even).goods .goods_info .btnara .btn{
    color:#9b65e4;
}

section:nth-child(even).goods .goods_info .btnara .btn:hover{
    background:#9b65e4;
    border:solid 2px #9b65e4;
    color:#fff;
}

.goods .goods_info .goods_caution{
    padding:1.5em;
    text-align:left;
    color:#907cab;
    border:dotted 1px;
    background:#ffffff80;
    font-size:.9em;
    width:850px;
    max-width:100%;
    margin: 2em auto 2em;
}


.goods .goods_info .goods_caution h5{
    font-size:1.2em;
    font-weight:bold;
    margin-bottom:.5em;
    text-align:center;

}

.goods .goods_info .goods_caution h6{
    color:#9b65e4;
    font-size:1.2em;
    padding:0 .5em .5em;
}


.goods .goods_info .goods_caution .add_caution{
    margin:1em 0 2em;
    text-align:center;
    padding-left:1em;
    text-indent:-1em;
    color:#ef6c6c;
}

.goods .goods_info .goods_caution ol li{
    padding-left:1em;
    text-indent:-1em;
    margin-bottom:.5em;
}

.goods .goods_info .goods_caution ol li:last-child{
    margin-bottom:0;
}

.goods .goods_info .add_caution{
    color:#ef6c6c;
    font-size:.8em;
}


.goods .goodsara ul > li:has(.goods_ejcy){
    padding:0;
    background:none;
}

.goods .goods_ejcy{
    font-size:11px;
    background:#fff;
    padding:1em;
    color:#c22;
    border:solid 1px;
    text-align:left;
}

.goods .goods_ejcy h6{
    font-size:1.1em;
    margin-bottom:.5em;
    font-weight:bold;
}

.goods .venue_sale{
    margin:4em 0 2em;
}

.goods .sale_time{
    width:700px;
    font-weight:800;
    max-width:100%;
    margin:0 auto 2em;
    background:#fff;
    /* border-radius:1.5em; */
    border:solid 1px #9b65e4;
    color:#9b65e4;
    margin:0 auto;
    padding:1em 0;
    position:relative;
}

.goods .sale_time h6{
    position:absolute;
    top:-1em;
    left:1.3em;
    padding:.2em 1em;
    border-radius:50rem;
    font-size:1.5em;
    background:#9b65e4;
    color:#fff;
    font-weight:700;
}

.goods .sale_time dl{
    position:relative;
    padding: 0 1em;
    margin: 1em 0;
}

.goods .sale_time dl dt,
.goods .sale_time dl dd{
    font-weight:800;
}

.goods .sale_time dl dt{
    display: inline-block;
    background: #fff;
    color: #9b65e4;
    border: solid 1px;
    /* top: -.7em;
    left: 50%; */
    padding: .2em 1em;
    letter-spacing: .1em;
    margin-bottom: .5em;
    font-size: 1.2em;
}

.goods .sale_time dl dd{
    margin-bottom:1em;
    font-size:1.5em;
}

.goods .sale_time dl dd em{
    font-size:.6em;
    font-weight:700;
}

.goods .sale_time dl dd:last-child{
    margin-bottom:0;
}

.goods .venue_sale .good_caution{
    margin:.5em auto;
    width:700px;
    max-width:100%;
    text-align:left;
}

.goods .venue_sale .good_caution span{
    display:block;
    font-size:.8em;
    color:#c22;
}

.goods .venue_sale .good_caution > span{
    padding-left:1em;
    text-indent:-1em;
}

.goods .venue_sale .good_caution .payment{
    background:#ffffffcc;
    border-radius:10px;
    padding:.5em 1em;
    margin:1em 0;
}

.goods .venue_sale .good_caution .payment span:first-child{
    margin-bottom:.5em;
}

.goods .venue_sale .good_caution .payment span em{
    background:#cc222280;
    color:#fff;
    padding:.1em .5em;
    display:inline-block;
    margin-bottom:.3em;
}



@media screen and (max-width:961px){
    section.goods h3 span{
        font-size:1em;
    }

    .goods .push strong{
        font-size:1.5em;
    }

    .goods .goodsara ul li{
        width:calc(50% - 2px);
        padding:.5em;
        position:relative;
    }



    .goods .goodsara ul li .tit span{
        font-size:.9em;
    }

    .goods .goods_info .btnara .btn{
        font-size:1.1em;
        line-height:1.1em;
    }

    .goods .goods_info .goods_caution{
        padding:1em;
    }

    .goods .goods_info .goods_caution h5{
        font-size:1.1em;
    }

    .goods .goods_info .sale_term dl dd{
        font-size:1.1em;
    }

    .goods .goods_info .shop_name{
        font-size:1.1em;
    }

    .goods .sale_time{
        padding: 1em 0 1em;
    }

    .goods .sale_time h6{
        font-size:1.2em;
    }

    .goods .sale_time dl{
        text-align:left;
    }
    .goods .sale_time dl dt,
    .goods .sale_time dl dd{
        font-size:1em;
    }

    .goods .sale_time dl dd{
        font-size:1.2em;
    }

    .goods .push strong{
        font-size:1.5em;
    }

    .goods .goods_info .goods_caution .add_caution{
        text-align:left;
    }
}

/* .contact{
    padding:3em 0 8em;
} */

.contact h3{
    margin:3em 0 1em;
}

.contact h3 span{
    display: inline-block;
    margin:0 auto;
    padding:0 1em;
    background:linear-gradient(170deg,#9b65e4 20%, #c580d2 80%);
    color:#fff;
    font-size:1.7em;
    border-radius:50rem;
    font-weight:700;
}

.contact .detail_contact p{
    font-size:1.2em;
}

.contact .detail_contact .company{
    margin-bottom:1.5em;
    font-weight:700;
}

.contact .detail_contact .company span{
    display:block;
    font-weight:700;
    font-size:1.5em;
}

.contact .detail_contact .company i{
    font-weight:700;
}

/* .contact .detail_contact .company a{
    width:250px;
    max-width:90%;
    margin:0 auto;
    display:block;
    margin-top:1.5em;
    background:#fff;
    padding:1em 1.5em;
    border-radius:10px;
} */

.contact .detail_contact .company a{
    text-align:center;
    font-weight:700;
}

.contact .detail_contact .contact_time{
    font-weight:600;
    font-size:.95em;
    padding-bottom:2em;
}

@media screen and (max-width:961px){
    .contact h3 span{
        font-size:1em;
    }
}

.archive .box{
    padding-bottom:5em;
}

.archive a{
    display:block;
    width:500px;
    max-width:80%;
    margin:0 auto;
}

@media screen and (max-width:961px){
    .archive{
        padding:1.5em 0 6.5em;
    }

}


.movie .inner{
    width: 1200%;
    max-width: 90%;
    margin: 0 auto;
    position: relative;
    top: 3em;
    transition: .3s;
    opacity:0;
}

.movie .inner.started{
    top:0;
    opacity:1;
}

.movie .player{
    width:700px;
    max-width:100%;
    margin:0 auto;
}

.movie video{
    max-width:100%;
}


.modal {
    /* display: none; */
    visibility:hidden;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: #9b65e4a0;
    opacity:0;
    transition:.3s;
}

.modal-open .modal{
    opacity:1;
}

.modal .modal-box {
    background-color: #fff;
    margin: 10% auto;
    max-width: 640px;
    width: 90%;
    /* border-radius: 10px; */
    animation-name: modalopen;
    animation-duration: 1s;
    position: relative;
}

.modal .modal-box:before{
    content:'';
    width:10%;
    padding-top:10%;
    background:linear-gradient(#9b65e4 20%, #b86bc7 80%);
    clip-path: polygon(0 0, 100% 0, 0 100%);
    position:absolute;
    top:-.5em;
    left:-.5em;
    z-index:1;
    opacity:.8;
}

.modal .modal-box:after{
    content:'';
    width:10%;
    padding-top:10%;
    background:linear-gradient(#9b65e4 20%, #b86bc7 80%);
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    position:absolute;
    bottom:-.5em;
    right:-.5em;
    z-index:1;
    opacity:.8;
}



.modal .modal-box .modalClose{
    position: absolute;
    top: .5em;
    right: .5em;
}

.modal .modal-box .cmt_ara{
    padding:3em;
    position:relative;
}

.modal .modal-box .cmt_ara h5{
    font-size:1.5em;
    margin-bottom:1em;
    font-weight:800;
}

.modal .modal-box .cmt_ara dl dt{
    font-weight:700;
    margin:2em 0 1em;
}

.modalOpen{
    cursor:pointer;
    position:relative;
}

/* .modalOpen:before{
    content:'';
    width:10px;
    height:10px;
    border-radius:50rem;
    background:#9b65e4;
    position:absolute;
    top:0;
    right:.5em;
}

.modalOpen:last-child:before{
    right:-.5em;
} */

.modal .modal-box .cmt_ara .modalClose{
    position:absolute;
    display:block;
    width:2em;
    height:2em;
    top:.5em;
    right:.5em;
    cursor:pointer;
    z-index:1;
}

.modal .modal-box .cmt_ara .modalClose:before,
.modal .modal-box .cmt_ara .modalClose:after{
    content:'';
    width:100%;
    height:2px;
    background:#ddd;
    position:absolute;
    transform:translate(-50%, -50%);
    top:50%;
    left:50%;
}

.modal .modal-box .cmt_ara .modalClose:before{
    transform:translate(-50%, -50%) rotate(45deg);
}

.modal .modal-box .cmt_ara .modalClose:after{
    transform:translate(-50%, -50%) rotate(-45deg);
}

.em_info .inner{
    width:1300px;
    margin:0 auto;
    max-width:90%;
    position:relative;
    z-index:1;
}

.em_info .inner .infotxt{
    background:#fff;
    padding:1.5em;
}

.toreport{
    position:fixed;
    bottom:3em;
    right:3em;
    z-index:1;
    animation: poyoyon 10s infinite;

}

.toreport a{
    background:#fff;
    border:solid 1px;
    border-radius:10px;
    display:inline-block;
    padding:1em;
    font-size:1.3em;
    transition:.3s;
}

.toreport a:hover{
    background:#9b65e4;
    color:#fff;
}



@media screen and (min-width:961px){
    .modal .modal-box{
        position:absolute;
        transform:translate(-50%, -50%);
        top:50%;
        left:50%;
        margin:0;
    }
}


@media screen and (max-width:961px){
    .toreport{
        bottom:1.5em;
        right:1em;
        font-size:15px;
    }

    .toreport a{
        padding:.5em 1em;
    }
}





footer{
    font-family: "Noto Sans JP", sans-serif;
    background: #5739a1;
    padding:1em;
    text-align:center;
    color:#fff;
    /* margin-top:5em; */
    position:relative;
    box-shadow: 0px 5px 15px #00000030 inset;
}

footer span{
    margin:0 0.5em;
}

footer span em{
    font-size:1.3em;
}

@media screen and (max-width:961px){
    footer span{
        display:block;
        margin-bottom:.5em;
    }
}

@keyframes poyoyon {
  0%{
    transform: translateY(0);
  }

  80%{
    transform: translateY(0);
  }  

  85% {
    transform: translateY(-10px);
  }
  90% {
    transform: translateY(0);
  }
  95% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes pyy {
    0%{
      transform: translate(-50%, -50%);
    }
  
    80%{
        transform: translate(-50%, -50%);
    }  
  
    85% {
        transform: translate(-50%, calc(-50% - 10px));
    }
    90% {
        transform: translate(-50%, -50%);
    }
    95% {
        transform: translate(-50%, calc(-50% - 5px));
    }
    100% {
        transform: translate(-50%, -50%);
    }
  }
  
   


@keyframes purun {
	0% {
		transform: scale(1,1);
	}
	90% {
		transform: scale(1,1);
	}
	91.5% {
		transform: scale(0.9, 0.9);
	}
	93% {
		transform: scale(1.3, 0.8);
	}
	95% {
		transform: scale(0.8, 1.3);
	}
	97% {
		transform: scale(1.1, 0.9);
	}
	100% {
		transform: scale(1, 1);
	}
}

@keyframes txroll{
    0%{
        transform: translateX(0);
        opacity:0;
    }

    1.5%{
        opacity:1;
    }

    3%{
        transform: translateX(0);
    }

    100%{
        transform:translateX(-100%);
    }
}

@keyframes scroll{
    0%{
        transform:scaleY(0);
        transform-origin:top;
    }

    50%{
        transform:scaleY(1);
    }

    100%{
        transform:scaleY(0);
        transform-origin:bottom;
    }
}
@keyframes zidx{
    0%{
        z-index:0;
    }

    100%{
        z-index:-1;
    }
}