.bg .bg-txt{font-size:var(--grid-txt);font-weight:bold;font-family:var(--font-en);position:fixed;color:var(--txt-pink);line-height:.95em;z-index:-2;overflow:hidden;width:var(--grid-edge)}.block .bg-block{position:fixed;width:var(--grid-in);height:var(--grid-in);background:var(--top-bg);opacity:1;z-index:-1;overflow:hidden}.block .bg-block:before{position:absolute;content:"";width:100%;height:100%;background-image:linear-gradient(-45deg, var(--txt-pink) 25%, var(--top-bg) 25%, var(--top-bg) 50%, var(--txt-pink) 50%, var(--txt-pink) 75%, var(--top-bg) 75%, var(--top-bg));background-size:20px 20px;top:0;left:0;z-index:-1}.block .bg-block.stripe:before{background-image:linear-gradient(90deg, var(--top-bg) 25%, var(--txt-pink) 25%, var(--txt-pink) 50%, var(--top-bg) 50%, var(--top-bg) 75%, var(--txt-pink) 75%, var(--txt-pink));background-size:30px 30px}.block .bg-block.border:before{background-image:linear-gradient(0deg, var(--top-bg) 25%, var(--txt-pink) 25%, var(--txt-pink) 50%, var(--top-bg) 50%, var(--top-bg) 75%, var(--txt-pink) 75%, var(--txt-pink));background-size:30px 30px}.bg-wrap02 .block01 .bg-block01{top:calc((var(--grid-edge) * 2) + 1px);left:calc((var(--grid-edge) * 1))}.bg-wrap02 .block01 .bg-block02{top:calc((var(--grid-edge) * 1) + 1px);left:calc((var(--grid-edge) * 9))}.bg-wrap02 .block01 .bg-block03{top:calc((var(--grid-edge) * 5) + 1px);left:calc((var(--grid-edge) * 6))}.bg-wrap02 .block02 .bg-block01{top:calc((var(--grid-edge) * 2) + 1px);left:calc((var(--grid-edge) * 5))}.bg-wrap02 .block02 .bg-block02{top:calc((var(--grid-edge) * 5) + 1px);left:calc((var(--grid-edge) * 7))}.bg-wrap02 .block02 .bg-block03{top:calc((var(--grid-edge) * 3) + 1px);left:calc((var(--grid-edge) * 2))}.bg-wrap02 .block03 .bg-block01{top:calc((var(--grid-edge) * 0) + 1px);left:calc((var(--grid-edge) * 4))}.bg-wrap02 .block03 .bg-block02{top:calc((var(--grid-edge) * 3) + 1px);left:calc((var(--grid-edge) * 6))}.bg-wrap02 .block03 .bg-block03{top:calc((var(--grid-edge) * 5) + 1px);left:calc((var(--grid-edge) * 2))}.bg01 .txt01{top:calc(var(--grid-edge) * 0);left:calc((var(--grid-edge) * 1))}.bg01 .txt02{top:calc(var(--grid-edge) * 3);left:calc((var(--grid-edge) * 2) )}.bg01 .txt03{top:calc(var(--grid-edge) * 1);left:calc((var(--grid-edge) * 4) )}.bg01 .txt04{top:calc(var(--grid-edge) * 4);left:calc((var(--grid-edge) * 5) )}.bg01 .txt05{top:calc(var(--grid-edge) * 3);left:calc((var(--grid-edge) * 8) )}.bg01 .txt06{top:calc(var(--grid-edge) * 4);left:calc((var(--grid-edge) * 10) )}.bg02 .txt01{top:calc(var(--grid-edge) * 0);left:calc((var(--grid-edge) * 1))}.bg02 .txt02{top:calc(var(--grid-edge) * 2);left:calc((var(--grid-edge) * 7))}.bg02 .txt03{top:calc(var(--grid-edge) * 3);left:calc((var(--grid-edge) * 3))}.bg02 .txt04{top:calc(var(--grid-edge) * 4);left:calc((var(--grid-edge) * 1))}.bg02 .txt05{top:calc(var(--grid-edge) * 3);left:calc((var(--grid-edge) * 8))}.bg02 .txt06{top:calc(var(--grid-edge) * 4);left:calc((var(--grid-edge) * 10))}.bg03 .txt01{top:calc(var(--grid-edge) * 4);left:calc((var(--grid-edge) * 9))}.bg03 .txt02{top:calc(var(--grid-edge) * 2);left:calc((var(--grid-edge) * 7))}.bg03 .txt03{top:calc(var(--grid-edge) * 3);left:calc((var(--grid-edge) * 1))}.bg03 .txt04{top:calc(var(--grid-edge) * 1);left:calc((var(--grid-edge) * 2))}.bg03 .txt05{top:calc(var(--grid-edge) * 0);left:calc((var(--grid-edge) * 4))}.bg03 .txt06{top:calc(var(--grid-edge) * 3);left:calc((var(--grid-edge) * 5))}.bg04 .txt01{top:calc(var(--grid-edge) * 4);left:calc((var(--grid-edge) * 1))}.bg04 .txt02{top:calc(var(--grid-edge) * 0);left:calc((var(--grid-edge) * 2))}.bg04 .txt03{top:calc(var(--grid-edge) * 1);left:calc((var(--grid-edge) * 8))}.bg04 .txt04{top:calc(var(--grid-edge) * 3);left:calc((var(--grid-edge) * 10))}.bg04 .txt05{top:calc(var(--grid-edge) * 3);left:calc((var(--grid-edge) * 8))}.bg04 .txt06{top:calc(var(--grid-edge) * 4);left:calc((var(--grid-edge) * 10))}.bg05 .txt01{top:calc(var(--grid-edge) * 2);left:calc((var(--grid-edge) * 1))}.bg05 .txt02{top:calc(var(--grid-edge) * 0);left:calc((var(--grid-edge) * 2))}.bg05 .txt03{top:calc(var(--grid-edge) * 1);left:calc((var(--grid-edge) * 8))}.bg05 .txt04{top:calc(var(--grid-edge) * 3);left:calc((var(--grid-edge) * 3))}.bg05 .txt05{top:calc(var(--grid-edge) * 0);left:calc((var(--grid-edge) * 6))}.bg05 .txt06{top:calc(var(--grid-edge) * 4);left:calc((var(--grid-edge) * 10))}.bg06 .txt01{top:calc(var(--grid-edge) * 4);left:calc((var(--grid-edge) * 1))}.bg06 .txt02{top:calc(var(--grid-edge) * 0);left:calc((var(--grid-edge) * 2))}.bg06 .txt03{top:calc(var(--grid-edge) * 2);left:calc((var(--grid-edge) * 8))}.bg06 .txt04{top:calc(var(--grid-edge) * 3);left:calc((var(--grid-edge) * 10))}.bg06 .txt05{top:calc(var(--grid-edge) * 3);left:calc((var(--grid-edge) * 8))}.bg06 .txt06{top:calc(var(--grid-edge) * 4);left:calc((var(--grid-edge) * 10))}.bg-wrap.anime .bg .bg-txt{opacity:0}.bg-wrap.anime .bg.active .bg-txt{z-index:-1;animation:showTextOut 5s backwards}.bg-wrap.anime .block .bg-block:before{transform:translateX(-100%)}.bg-wrap.anime .block.active02 .bg-block:before{animation:slideBox 5s backwards}.bg-wrap.op_anime .bg-block{background:var(--in-bg)}.bg-wrap.op_anime .bg-block:before{transform:translateX(-100%);animation:showBox .6s forwards}.bg-wrap.op_anime .bg-txt{animation:showText .8s forwards}@keyframes slideBox{0%{transform:translateX(-100%)}10%{transform:translateX(0)}90%{transform:translateX(0)}100%{transform:translateX(100%)}}@keyframes showBox{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes showBoxLeft{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes showTextOut{0%{transform:scale(0);opacity:0}10%{transform:scale(1);opacity:1}90%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}@keyframes showText{0%{transform:scale(0);opacity:0}60%{transform:scale(1.05);opacity:1}100%{transform:scale(1);opacity:1}}@media only screen and (max-width: 768px){.bg-wrap02 .block01 .bg-block01{top:calc((var(--grid-edge) * 2) + 1px);left:calc((var(--grid-edge) * 1))}.bg-wrap02 .block01 .bg-block02{top:calc((var(--grid-edge) * 5) + 1px);left:calc((var(--grid-edge) * 3))}.bg-wrap02 .block01 .bg-block03{top:calc((var(--grid-edge) * 12) + 1px);left:calc((var(--grid-edge) * 4))}.bg-wrap02 .block02 .bg-block01{top:calc((var(--grid-edge) * 4) + 1px);left:calc((var(--grid-edge) * 3))}.bg-wrap02 .block02 .bg-block02{top:calc((var(--grid-edge) * 6) + 1px);left:calc((var(--grid-edge) * 1))}.bg-wrap02 .block02 .bg-block03{top:calc((var(--grid-edge) * 9) + 1px);left:calc((var(--grid-edge) * 2))}.bg-wrap02 .block03 .bg-block01{top:calc((var(--grid-edge) * 10) + 1px);left:calc((var(--grid-edge) * 0))}.bg-wrap02 .block03 .bg-block02{top:calc((var(--grid-edge) * 3) + 1px);left:calc((var(--grid-edge) * 2))}.bg-wrap02 .block03 .bg-block03{top:calc((var(--grid-edge) * 7) + 1px);left:calc((var(--grid-edge) * 3))}.bg01 .txt01{top:calc(var(--grid-edge) * 0);left:calc((var(--grid-edge) * 1) )}.bg01 .txt02{top:calc(var(--grid-edge) * 3);left:calc((var(--grid-edge) * 2) )}.bg01 .txt03{top:calc(var(--grid-edge) * 2);left:calc((var(--grid-edge) * 4) )}.bg01 .txt04{top:calc(var(--grid-edge) * 4);left:calc((var(--grid-edge) * 0))}.bg01 .txt05{top:calc(var(--grid-edge) * 8);left:calc((var(--grid-edge) * 2) )}.bg01 .txt06{top:calc(var(--grid-edge) * 6);left:calc((var(--grid-edge) * 5) )}.bg02 .txt01{top:calc(var(--grid-edge) * 0);left:calc((var(--grid-edge) * 1))}.bg02 .txt02{top:calc(var(--grid-edge) * 3);left:calc((var(--grid-edge) * 4))}.bg02 .txt03{top:calc(var(--grid-edge) * 6);left:calc((var(--grid-edge) * 3))}.bg02 .txt04{top:calc(var(--grid-edge) * 8);left:calc((var(--grid-edge) * 1))}.bg02 .txt05{top:calc(var(--grid-edge) * 3);left:calc((var(--grid-edge) * 8))}.bg02 .txt06{top:calc(var(--grid-edge) * 4);left:calc((var(--grid-edge) * 10))}.bg03 .txt01{top:calc(var(--grid-edge) * 4);left:calc((var(--grid-edge) * 0))}.bg03 .txt02{top:calc(var(--grid-edge) * 8);left:calc((var(--grid-edge) * 6))}.bg03 .txt03{top:calc(var(--grid-edge) * 10);left:calc((var(--grid-edge) * 1))}.bg03 .txt04{top:calc(var(--grid-edge) * 12);left:calc((var(--grid-edge) * 2))}.bg03 .txt05{top:calc(var(--grid-edge) * 2);left:calc((var(--grid-edge) * 4))}.bg03 .txt06{top:calc(var(--grid-edge) * 7);left:calc((var(--grid-edge) * 5))}.bg04 .txt01{top:calc(var(--grid-edge) * 4);left:calc((var(--grid-edge) * 1))}.bg04 .txt02{top:calc(var(--grid-edge) * 0);left:calc((var(--grid-edge) * 2))}.bg04 .txt03{top:calc(var(--grid-edge) * 1);left:calc((var(--grid-edge) * 0))}.bg04 .txt04{top:calc(var(--grid-edge) * 7);left:calc((var(--grid-edge) * 3))}.bg04 .txt05{top:calc(var(--grid-edge) * 3);left:calc((var(--grid-edge) * 8))}.bg04 .txt06{top:calc(var(--grid-edge) * 4);left:calc((var(--grid-edge) * 10))}.bg05 .txt01{top:calc(var(--grid-edge) * 0);left:calc((var(--grid-edge) * 0))}.bg05 .txt02{top:calc(var(--grid-edge) * 2);left:calc((var(--grid-edge) * 2))}.bg05 .txt03{top:calc(var(--grid-edge) * 4);left:calc((var(--grid-edge) * 4))}.bg05 .txt04{top:calc(var(--grid-edge) * 5);left:calc((var(--grid-edge) * 3))}.bg05 .txt05{top:calc(var(--grid-edge) * 8);left:calc((var(--grid-edge) * 4))}.bg05 .txt06{top:calc(var(--grid-edge) * 10);left:calc((var(--grid-edge) * 5))}.bg06 .txt01{top:calc(var(--grid-edge) * 1);left:calc((var(--grid-edge) * 1))}.bg06 .txt02{top:calc(var(--grid-edge) * 5);left:calc((var(--grid-edge) * 2))}.bg06 .txt03{top:calc(var(--grid-edge) * 7);left:calc((var(--grid-edge) * 0))}.bg06 .txt04{top:calc(var(--grid-edge) * 8);left:calc((var(--grid-edge) * 5))}.bg06 .txt05{top:calc(var(--grid-edge) * 3);left:calc((var(--grid-edge) * 8))}.bg06 .txt06{top:calc(var(--grid-edge) * 4);left:calc((var(--grid-edge) * 10))}}.cast_block:nth-of-type(odd) .slideBox.isPlay img{animation:showBoxLeft .4s ease-out forwards}.cast_block:nth-of-type(even) .slideBox.isPlay img{animation:showBox .4s ease-out forwards}@keyframes slideIn{0%{transform:translateX(-100%)}100%{transform:translateX(0%)}}@keyframes spinBlock{0%{transform:rotateZ(0) scale(0);opacity:0}2%{transform:rotateZ(0) scale(1);opacity:1}15%{transform:rotateZ(0) scale(1);opacity:1}18%{transform:rotateZ(90deg) scale(1);opacity:1}40%{transform:rotateZ(90deg) scale(1);opacity:1}43%{transform:rotateZ(180deg) scale(1);opacity:1}65%{transform:rotateZ(180deg) scale(1);opacity:1}68%{transform:rotateZ(270deg) scale(1);opacity:1}91%{transform:rotateZ(270deg) scale(1);opacity:1}97%{transform:rotateZ(270deg) scale(1);opacity:1}100%{transform:rotateZ(270deg) scale(0);opacity:0}}#in .in_block .bg .bg-txt{color:var(--in-border)}#in .in_block .bg .txt01{top:calc(var(--grid-edge) * 0);left:calc((var(--grid-edge) * 1))}#in .in_block .bg .txt02{top:calc(var(--grid-edge) * 1);left:calc((var(--grid-edge) * 2))}#in .in_block .bg .txt03{top:calc(var(--grid-edge) * 2);left:calc((var(--grid-edge) * 1))}#in .in_block .bg .txt04{top:calc(var(--grid-edge) * 3);left:calc((var(--grid-edge) * 2))}#in .in_block .bg .txt05{top:calc(var(--grid-edge) * 4);left:calc((var(--grid-edge) * 1))}#in .in_block .bg .txt06{top:calc(var(--grid-edge) * 5);left:calc((var(--grid-edge) * 2))}#in .in_block .block .bg-block:before{background-image:linear-gradient(-45deg, var(--in-border) 25%, var(--in-bg) 25%, var(--in-bg) 50%, var(--in-border) 50%, var(--in-border) 75%, var(--in-bg) 75%, var(--in-bg))}#in .in_block .block .bg-block.stripe:before{background-image:linear-gradient(-90deg, var(--in-border) 25%, var(--in-bg) 25%, var(--in-bg) 50%, var(--in-border) 50%, var(--in-border) 75%, var(--in-bg) 75%, var(--in-bg))}#in .in_block .block .bg-block.border:before{background-image:linear-gradient(0deg, var(--in-border) 25%, var(--in-bg) 25%, var(--in-bg) 50%, var(--in-border) 50%, var(--in-border) 75%, var(--in-bg) 75%, var(--in-bg))}#in .in_block .block .bg-block01{top:calc((var(--grid-edge) * 2) + 1px);left:calc((var(--grid-edge) * 0))}#in .in_block .block .bg-block02{top:calc((var(--grid-edge) * 0) + 1px);left:calc((var(--grid-edge) * 3))}#in .in_block .block .bg-block03{top:calc((var(--grid-edge) * 4) + 1px);left:calc((var(--grid-edge) * 9))}#in .in_block .block .bg-block04{top:calc((var(--grid-edge) * 1) + 1px);left:calc((var(--grid-edge) * 11))}@media only screen and (max-width: 768px){#in .in_block .bg .bg-txt{color:var(--in-border)}#in .in_block .bg .txt01{top:calc(var(--grid-edge) * 1);left:calc((var(--grid-edge) * 0))}#in .in_block .bg .txt02{top:calc(var(--grid-edge) * 2);left:calc((var(--grid-edge) * 1))}#in .in_block .bg .txt03{top:calc(var(--grid-edge) * 1);left:calc((var(--grid-edge) * 2))}#in .in_block .bg .txt04{top:calc(var(--grid-edge) * 2);left:calc((var(--grid-edge) * 3))}#in .in_block .bg .txt05{top:calc(var(--grid-edge) * 1);left:calc((var(--grid-edge) * 4))}#in .in_block .bg .txt06{top:calc(var(--grid-edge) * 2);left:calc((var(--grid-edge) * 5))}#in .in_block .block .bg-block:before{background-image:linear-gradient(-45deg, var(--in-border) 25%, var(--in-bg) 25%, var(--in-bg) 50%, var(--in-border) 50%, var(--in-border) 75%, var(--in-bg) 75%, var(--in-bg))}#in .in_block .block .bg-block01{top:calc((var(--grid-edge) * 4) + 1px);left:calc((var(--grid-edge) * 0))}#in .in_block .block .bg-block02{top:calc((var(--grid-edge) * 0) + 1px);left:calc((var(--grid-edge) * 4))}#in .in_block .block .bg-block03{top:calc((var(--grid-edge) * 8) + 1px);left:calc((var(--grid-edge) * 5))}#in .in_block .block .bg-block04{top:calc((var(--grid-edge) * 10) + 1px);left:calc((var(--grid-edge) * 2))}}/*# sourceMappingURL=anime.css.map */