:root{--tte-borderRoundTrailBorderColor: red}.ttef-usage-wrap{padding:1em}.ttef-section-toc{margin-top:2em}.ttef-toc{width:20em;padding-right:1em;padding-left:1em;border:1px solid #ccc}.ttef-toc h2{position:relative;text-align:center}.ttef-toc h2::before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50%;height:2px;background-color:#ccc}.ttef-section-basicUsage{margin-top:2em}.ttef-section-basicUsage--contents{padding-left:2em}.ttef-section-notice{margin-top:2em}.ttef-section-notice .hasDisplayFlex{display:flex;gap:2em;justify-content:flex-start;align-items:center}.ttef-section-notice .hasDisplayFlex .ttef-arrow{width:30px;height:30px;clip-path:polygon(0 0, 100% 50%, 0 100%);background-color:#ccc}.ttef-section-notice--contents{padding-left:2em}.ttef-section-catalogue{margin-top:2em}.ttef-section-catalogue--contents{padding-left:2em}.ttef-section-catalogue__container{display:grid;grid-template-columns:repeat(3, 200px);gap:1em}.ttef-section-catalogue__item{padding:1em;border:1px solid #ccc}.ttef-section-catalogue__playArea{margin-right:auto;margin-left:auto;padding:1em;height:75px;background-color:#fff}.animSquareSlideInFromLeft .animSquareSlideInFromLeft__Square{position:relative;width:fit-content;overflow:hidden}.animSquareSlideInFromLeft .animSquareSlideInFromLeft__Square::before{content:"";position:absolute;width:0;height:100%;background-color:red;top:0}.animSquareSlideInFromLeft .animSquareSlideInFromLeft__content{width:fit-content;transform:translateX(-100%)}.ttef-section-catalogue__playArea .animSquareSlideInFromLeft__Square::before{animation:animSquareSlideInFromLeft__square--before 2s infinite}.ttef-section-catalogue__playArea .animSquareSlideInFromLeft__content{animation:animSquareSlideInFromLeft__content 2s infinite}@keyframes animSquareSlideInFromLeft__square--before{0%{width:0;left:0;transform:translateX(0)}16%{width:100%;left:0;transform:translatX(0)}40%{width:100%;left:0;right:100%}50%{width:0;right:0;left:100%}100%{width:0;right:0;left:100%}}@keyframes animSquareSlideInFromLeft__content{0%{transform:translateX(-100%)}40%{transform:translateX(-100%)}50%{transform:translateX(0)}100%{transform:translateX(0)}}.animWavyDrop .tteLetter{display:inline-block;transform:translateY(-100%);opacity:0;animation-name:animWavyDrop;animation-duration:7.5s;animation-delay:calc(.1s*var(--animWavyDropDuration));animation-timing-function:cubic-bezier(0.42, 0, 0.33, 1);animation-iteration-count:infinite}@keyframes animWavyDrop{0%{opacity:0;transform:translateY(-100%)}5%{opacity:1;transform:translateY(30%)}10%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}.animWavyRise .tteLetter{display:inline-block;transform:translateY(100%);opacity:0;animation-name:animWavyRise;animation-duration:7.5s;animation-delay:calc(.1s*var(--animWavyRiseDuration));animation-timing-function:cubic-bezier(0.42, 0, 0.33, 1);animation-iteration-count:infinite}@keyframes animWavyRise{0%{opacity:0;transform:translateY(100%)}5%{opacity:1;transform:translateY(-30%)}10%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}.animPopOut .tteLetter{display:inline-block;margin-right:.25em;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:steps(1, end)}.animPopOut .tteLetter:nth-child(odd){animation-name:animPopOut-odd}.animPopOut .tteLetter:nth-child(even){animation-name:animPopOut-even}@keyframes animPopOut-odd{0%{transform:translate(0, 0)}25%{transform:translate(0.1em, -0.1em);text-shadow:-0.1em .1em red}75%{transform:translate(0, 0);text-shadow:0 0 red}100%{transform:translate(0, 0)}}@keyframes animPopOut-even{0%{transform:translate(0, 0)}50%{transform:translate(0.1em, -0.1em);text-shadow:-0.1em .1em red}100%{transform:translate(0, 0)}}.ttef-section-setttings{margin-top:2em}.ttef-section-setttings table,.ttef-section-setttings td,.ttef-section-setttings th{border-collapse:collapse;border:1px solid}.ttef-section-setttings td,.ttef-section-setttings th{padding:1em}.tteSettingBox{display:flex;padding-left:2em}.tteSettingsContents--title{margin-left:1em;margin-right:1em}.tteSettingsContents--content{display:flex;align-items:center}.tteSettingsContents--content .wp-color-result.button{margin:0}.animLineSwipe{position:relative;width:fit-content}.animLineSwipe::before{content:"";position:absolute;width:4px;height:100%;top:0;left:0;background-color:red;animation:animLineSwipeBarSwipe 4.1s infinite}.animLineSwipe::after{content:"";position:absolute;width:4px;height:100%;top:0;left:0;background-color:red;opacity:0;animation:animLineSwipeBorder 4.1s ease-in-out infinite}.animLineSwipe p{position:relative;width:fit-content;margin:0;animation:animLineSwipeContents 4.1s cubic-bezier(0.77, 0, 0.175, 1) infinite}@keyframes animLineSwipeBarSwipe{0%{left:0;opacity:1}24.4%{left:100%;opacity:1}26.8%{left:100%;opacity:0}100%{left:0;opacity:0}}@keyframes animLineSwipeBarFadeOut{0%{opacity:1}100%{opacity:0}}@keyframes animLineSwipeBorder{0%{opacity:0}25%{opacity:0}75%{opacity:1}100%{opacity:1}}@keyframes animLineSwipeContents{0%{clip-path:polygon(0 0, 0 100%, 0 100%, 0 0)}2.4%{clip-path:polygon(0 0, 0 100%, 0 100%, 0 0)}26.8%{clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0)}100%{clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0)}}.animGateMark p{position:relative;width:fit-content;transform:scale(0);opacity:0;animation:animGateMarkContent 5s ease-in-out infinite}.animGateMark p::before,.animGateMark p::after{content:"";position:absolute;height:100%;width:4px;top:0;background-color:red;transform:scale(0, 1);animation:animGateMarkGate 5s ease-in-out infinite}.animGateMark p::before{left:0;transform-origin:0 50%}.animGateMark p::after{right:0;transform-origin:100% 50%}@keyframes animGateMarkContent{0%{transform:scale(0);opacity:0}20%{transform:scale(1);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes animGateMarkGate{0%{transform:scale(0, 1)}20%{transform:scale(0, 1)}30%{transform:scale(1, 1)}100%{transform:scale(1, 1)}}.animDashOneByOne{display:flex;overflow:hidden;white-space:nowrap}.animDashOneByOne.visible span{display:inline-block;transform:translateX(calc(-1em * var(--animDashOneByOneNum)));animation:animDashOneByOneSlideIn .3s calc(.3s*var(--animDashOneByOneNum)) forwards}@keyframes animDashOneByOneSlideIn{0%{transform:translatex(calc(-1em * var(--animDashOneByOneNum)))}90%{transform:translateX(100%)}100%{transform:translateX(0)}}.animBorderRoundTrail .animBorderRoundTrail__content{position:relative;padding:1em;width:fit-content;outline:0px solid var(--tte-borderRoundTrailBorderColor)}.animBorderRoundTrail.visible .animBorderRoundTrail__content{animation:animBorderRoundTrail--finish .1s calc(.1s*var(--num)*2 + 1s) ease-in-out forwards}.animBorderRoundTrail.visible .animBorderRoundTrail__content::before{content:"";position:absolute;width:4px;top:0;background-color:var(--tte-borderRoundTrailBorderColor);animation:animBorderRoundTrail--t2b .5s ease-out forwards,animBorderRoundTrail--b2t .5s calc(.1s*var(--num)) ease-out forwards}.animBorderRoundTrail.visible .animBorderRoundTrail__content::after{content:"";position:absolute;height:4px;bottom:0;left:0;background-color:var(--tte-borderRoundTrailBorderColor);animation:animBorderRoundTrail--l2r calc(.1s*var(--num)) .25s ease-out forwards,animBorderRoundTrail--r2l calc(.1s*var(--num)) calc(.1s*var(--num) + .25s) ease-out forwards}@keyframes animBorderRoundTrail--t2b{0%{height:0;left:0}50%{height:100%;top:0;left:0;bottom:100%}100%{height:0;left:0;top:100%;bottom:0}}@keyframes animBorderRoundTrail--l2r{0%{width:0}50%{width:100%;left:0;right:100%}100%{width:0%;left:100%;right:0}}@keyframes animBorderRoundTrail--b2t{0%{height:0;right:0;left:100%}50%{height:100%;right:0;left:100%;top:0;bottom:100%}100%{height:0;right:0;left:100%;top:0;bottom:100%}}@keyframes animBorderRoundTrail--r2l{0%{width:0;top:0;bottom:100%}50%{width:100%;top:0;bottom:100%;left:0;right:100%}100%{width:0%;top:0;left:0;right:100%}}@keyframes animBorderRoundTrail--finish{to{outline-width:4px}}.animBorderSplitTrailT2B{--animBorderSplitTrail-b0: polygon(50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 4px, 50% 4px, 50% 4px, 50% 4px);--animBorderSplitTrail-b25: polygon(50% 0, 0 0, 0 4px , 0 4px, 4px 4px, 4px 4px, 4px 4px, 50% 4px);--animBorderSplitTrail-b50: polygon(50% 0, 0 0, 0 4px , 0 4px, 4px 4px, 4px 4px, 4px 4px, 50% 4px);--animBorderSplitTrail-b75: polygon(50% 0, 0 0, 0 100%, 0 100%, 4px 100%, 4px 100%, 4px 4px, 50% 4px);--animBorderSplitTrail-b100: polygon(50% 0, 0 0, 0 100%, 50% 100%, 50% calc(100% - 4px), 4px calc(100% - 4px), 4px 4px, 50% 4px);--animBorderSplitTrail-a0: polygon(50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 4px, 50% 4px, 50% 4px, 50% 4px);--animBorderSplitTrail-a25: polygon(50% 0%, 100% 0%, 100% 0%, 100% 4px, calc(100% - 4px) 4px, calc(100% - 4px) 4px, calc(100% - 4px) 4px, 50% 4px);--animBorderSplitTrail-a50: polygon(50% 0%, 100% 0%, 100% 50%, 100% 50%, calc(100% - 4px) 50%, calc(100% - 4px) 50%, calc(100% - 4px) 4px, 50% 4px);--animBorderSplitTrail-a75: polygon(50% 0%, 100% 0%, 100% 100%, calc(100% - 4px) 100%, calc(100% - 4px) calc(100% - 4px), calc(100% - 4px) calc(100% - 4px), calc(100% - 4px) 4px, 50% 4px);--animBorderSplitTrail-a100: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%, 50% calc(100% - 4px), calc(100% - 4px) calc(100% - 4px), calc(100% - 4px) 4px, 50% 4px)}.animBorderSplitTrailB2T{--animBorderSplitTrail-b0: polygon(50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% calc(100% - 4px), 50% calc(100% - 4px), 50% calc(100% - 4px), 50% calc(100% - 4px));--animBorderSplitTrail-b25: polygon(50% 100%, 0 100%, 0 calc(100% - 4px), 0 calc(100% - 4px), 4px calc(100% - 4px), 4px calc(100% - 4px), 4px calc(100% - 4px), 50% calc(100% - 4px));--animBorderSplitTrail-b50: polygon(50% 100%, 0 100%, 0 50%, 0 50%, 4px 50%, 4px 50%, 4px calc(100% - 4px), 50% calc(100% - 4px));--animBorderSplitTrail-b75: polygon(50% 100%, 0 100%, 0 0, 4px 0, 4px 4px, 4px 4px, 4px calc(100% - 4px), 50% calc(100% - 4px));--animBorderSplitTrail-b100: polygon(50% 100%, 0 100%, 0 0, 50% 0, 50% 4px, 4px 4px, 4px calc(100% - 4px), 50% calc(100% - 4px));--animBorderSplitTrail-a0: polygon(50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% calc(100% - 4px), 50% calc(100% - 4px), 50% calc(100% - 4px), 50% calc(100% - 4px));--animBorderSplitTrail-a25: polygon(50% 100%, 100% 100%, 100% calc(100% - 4px), 100% calc(100% - 4px), calc(100% - 4px) calc(100% - 4px), calc(100% - 4px) calc(100% - 4px), calc(100% - 4px) calc(100% - 4px), 50% calc(100% - 4px));--animBorderSplitTrail-a50: polygon(50% 100%, 100% 100%, 100% 50%, 100% 50%, calc(100% - 4px) 50%, calc(100% - 4px) 50%, calc(100% - 4px) calc(100% - 4px), 50% calc(100% - 4px));--animBorderSplitTrail-a75: polygon(50% 100%, 100% 100%, 100% 0, calc(100% - 4px) 0, calc(100% - 4px) 4px,calc(100% - 4px) 4px, calc(100% - 4px) calc(100% - 4px), 50% calc(100% - 4px));--animBorderSplitTrail-a100: polygon(50% 100%, 100% 100%, 100% 0, 50% 0, 50% 4px, calc(100% - 4px) 4px, calc(100% - 4px) calc(100% - 4px), 50% calc(100% - 4px))}.animBorderSplitTrailL2R{--animBorderSplitTrail-b0: polygon(0 50%, 0 50%, 0 50%, 0 50%, 0px 50%, 4px 50%, 4px 50%, 4px 50%);--animBorderSplitTrail-b25: polygon(0 50%, 0 0, 4px 0 , 4px 0, 4px 4px, 4px 4px, 4px 4px, 4px 50%);--animBorderSplitTrail-b50: polygon(0 50%, 0 0, 50% 0 , 50% 0, 50% 4px, 50% 4px, 4px 4px, 4px 50%);--animBorderSplitTrail-b75: polygon(0 50%, 0 0, 100% 0, 100% 4px, calc(100% - 4px) 4px, calc(100% - 4px) 4px, 4px 4px, 4px 50%);--animBorderSplitTrail-b100: polygon(0 50%, 0 0, 100% 0, 100% 50%, calc(100% - 4px) 50%, calc(100% - 4px) 4px, 4px 4px, 4px 50%);--animBorderSplitTrail-a0: polygon(0 50%, 0 50%, 0 50%, 0 50%, 0px 50%, 4px 50%, 4px 50%, 4px 50%);--animBorderSplitTrail-a25: polygon(0 50%, 0 100%, 4px 100% , 4px 100%, 4px calc(100% - 4px), 4px calc(100% - 4px), 4px calc(100% - 4px), 4px 50%);--animBorderSplitTrail-a50: polygon(0 50%, 0 100%, 50% 100% , 50% 100%, 50% calc(100% - 4px), 50% calc(100% - 4px), 4px calc(100% - 4px), 4px 50%);--animBorderSplitTrail-a75: polygon(0 50%, 0 100%, 100% 100%, 100% calc(100% - 4px), 100% calc(100% - 4px), calc(100% - 4px) calc(100% - 4px), 4px calc(100% - 4px), 4px 50%);--animBorderSplitTrail-a100: polygon(0 50%, 0 100%, 100% 100%, 100% 50%, calc(100% - 4px) 50%, calc(100% - 4px) calc(100% - 4px), 4px calc(100% - 4px), 4px 50%)}.animBorderSplitTrailR2L{--animBorderSplitTrail-b0: polygon(100% 50%, 100% 50%, 100% 50%, 100% 50%, calc(100% - 4px) 50%, calc(100% - 4px) 50%, calc(100% - 4px) 50%, calc(100% - 4px) 50%);--animBorderSplitTrail-b25: polygon(100% 50%, 100% 0, calc(100% - 4px) 0, calc(100% - 4px) 0, calc(100% - 4px) 4px, calc(100% - 4px) 4px, calc(100% - 4px) 4px, calc(100% - 4px) 50%);--animBorderSplitTrail-b50: polygon(100% 50%, 100% 0, 50% 0 , 50% 0, 50% 4px, 50% 4px, calc(100% - 4px) 4px, calc(100% - 4px) 50%);--animBorderSplitTrail-b75: polygon(100% 50%, 100% 0, 0 0, 0 4px, 4px 4px, 4px 4px, calc(100% - 4px) 4px, calc(100% - 4px) 50%);--animBorderSplitTrail-b100: polygon(100% 50%, 100% 0, 0 0, 0 50%, 4px 50%, 4px 4px, calc(100% - 4px) 4px, calc(100% - 4px) 50%);--animBorderSplitTrail-a0: polygon(100% 50%, 100% 50%, 100% 50%, 100% 50%, calc(100% - 4px) 50%, calc(100% - 4px) 50%, calc(100% - 4px) 50%, calc(100% - 4px) 50%);--animBorderSplitTrail-a25: polygon(100% 50%, 100% 100%, calc(100% - 4px) 100% , calc(100% - 4px) 100%, calc(100% - 4px) calc(100% - 4px), calc(100% - 4px) calc(100% - 4px), calc(100% - 4px) calc(100% - 4px), calc(100% - 4px) 50%);--animBorderSplitTrail-a50: polygon(100% 50%, 100% 100%, 50% 100% , 50% 100%, 50% calc(100% - 4px), 50% calc(100% - 4px), calc(100% - 4px) calc(100% - 4px), calc(100% - 4px) 50%);--animBorderSplitTrail-a75: polygon(100% 50%, 100% 100%, 0 100%, 0 calc(100% - 4px), 4px calc(100% - 4px), 4px calc(100% - 4px), calc(100% - 4px) calc(100% - 4px), calc(100% - 4px) 50%);--animBorderSplitTrail-a100: polygon(100% 50%, 100% 100%, 0 100%, 0 50%, 4px 50%, 4px calc(100% - 4px), calc(100% - 4px) calc(100% - 4px), calc(100% - 4px) 50%)}.animBorderSplitTrail .animBorderSplitTrail__wrap{position:relative;width:fit-content}.animBorderSplitTrail .animBorderSplitTrail__content{padding:1em}.animBorderSplitTrail.visible .animBorderSplitTrail__wrap::before,.animBorderSplitTrail.visible .animBorderSplitTrail__wrap::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:red}.animBorderSplitTrail.visible .animBorderSplitTrail__wrap::before{animation:animBorderSplitTrail--b .5s 1s forwards;clip-path:var(--animBorderSplitTrail-b0)}.animBorderSplitTrail.visible .animBorderSplitTrail__wrap::after{animation:animBorderSplitTrail--a .5s 1s forwards;clip-path:var(--animBorderSplitTrail-a0)}@keyframes animBorderSplitTrail--b{0%{clip-path:var(--animBorderSplitTrail-b0)}25%{clip-path:var(--animBorderSplitTrail-b25)}50%{clip-path:var(--animBorderSplitTrail-b50)}75%{clip-path:var(--animBorderSplitTrail-b75)}100%{clip-path:var(--animBorderSplitTrail-b100)}}@keyframes animBorderSplitTrail--a{0%{clip-path:var(--animBorderSplitTrail-a0)}25%{clip-path:var(--animBorderSplitTrail-a25)}50%{clip-path:var(--animBorderSplitTrail-a50)}75%{clip-path:var(--animBorderSplitTrail-a75)}100%{clip-path:var(--animBorderSplitTrail-a100)}}.animLineCurtain .animLineCurtain__wrap{position:relative;width:fit-content}.animLineCurtain .animLineCurtain__content{opacity:0;width:fit-content;overflow:hidden}.animLineCurtain.visible .animLineCurtain__wrap::before{content:"";position:absolute;width:100%;height:3px;top:-3px;background-color:red;animation:animLineCurtain--wrap 1s forwards}.animLineCurtain.visible .animLineCurtain__content{animation:animLineCurtain--content 1s 1s forwards}@keyframes animLineCurtain--wrap{0%{top:-3px}20%{top:calc(100% - 3px)}60%{top:50%}75%{top:calc(100% - 3px)}90%{top:70%}100%{top:calc(100% - 3px)}}@keyframes animLineCurtain--content{to{opacity:1}}.animFlipCascade{display:flex}.animFlipCascade span{display:inline-block;position:relative;transform:perspective(10000px) rotate3d(0, 1, 0, 0deg);transition:transform 1s}.animFlipCascade.visible span{transition-delay:calc(var(--num)*.2s);transform:perspective(1000px) rotate3d(0, 1, 0, 720deg)}

/*# sourceMappingURL=menu-style.css.map*/