:root{--contentVisibility: hidden;--typing-steps: 3;--typing-width: 13ch;--typing-duration: 5s;--typing-delay: 0s;--fadeIn-duration: 5s;--contentHeight: 1.5em;--scrollUpEndTranslateY: -1em;--scrollUpStartTranslateY: 1.5em;--animation-duration: 5.5s;--animation-duration2: 5.5s;--anmIterationCount: 1;--animation-name: none;--animation-opacity: 1;--animation-timing: linear;--radialLinesColor1: black;--radialLinesColor2: white}.defaultColor{background-color:#3c6;color:#fff}/*!*    border     : 1px solid #666;*!*/@keyframes scrollToLeft{0%{visibility:visible;transform:translate(100%)}to{transform:translate(-100%)}}@keyframes scrollToRight{0%{visibility:visible;transform:translate(-100%)}to{transform:translate(100%)}}.scroll-text-change-content-top,.scroll-default-content-top{margin:0;overflow:hidden;visibility:hidden;height:var(--contentHeight)}.default-content-top{text-align:center;overflow:hidden;visibility:hidden;height:var(--contentHeight)}.typing-content-top{visibility:var(--contentVisibility);height:var(--contentHeight)}.radial-lines-content-top{overflow:hidden;visibility:hidden;height:var(--contentHeight)}.radial-lines{visibility:hidden;height:var(--contentHeight);animation:radialLines var(--animation-duration) linear 0s infinite normal,var(--animation-name) var(--animation-duration2) linear 0s var(--anmIterationCount) normal}.blink{animation:blink 1.5s infinite alternate}@keyframes radialLinesText{0%{visibility:visible;opacity:0}to{opacity:1}}@keyframes blink{0%{visibility:visible;opacity:0}to{opacity:1}}@keyframes radialLines{0%{visibility:visible;background:radial-gradient(farthest-side,#fff 15%,#fff0),repeating-conic-gradient(var(--radialLinesColor1) 0deg .7deg,var(--radialLinesColor2) 1deg 3deg)}25%{background:radial-gradient(farthest-side,#fff 15%,#fff0),repeating-conic-gradient(var(--radialLinesColor1) 0deg .8deg,var(--radialLinesColor2) 1deg 3.2deg,var(--radialLinesColor1) 3.7deg 4deg)}50%{background:radial-gradient(farthest-side,#fff 15%,#fff0),repeating-conic-gradient(var(--radialLinesColor1) 0deg .9deg,var(--radialLinesColor2) 1deg 3.3deg,var(--radialLinesColor1) 3.6deg 4deg)}75%{background:radial-gradient(farthest-side,#fff 15%,#fff0),repeating-conic-gradient(var(--radialLinesColor1) 0deg .8deg,var(--radialLinesColor2) 1deg 3.2deg,var(--radialLinesColor1) 3.7deg 4deg)}to{background:radial-gradient(farthest-side,#fff 15%,#fff0),repeating-conic-gradient(var(--radialLinesColor1) 0deg .7deg,var(--radialLinesColor2) 1deg 3deg)}}@keyframes typing{0%{visibility:visible}to{visibility:visible}}.marquee-block{margin:0;display:inline-block;animation:marquee_block 5s linear 0s infinite alternate}.marquee-body{white-space:nowrap;animation:marquee_body 5s linear 0s infinite alternate}@keyframes marquee_block{0%{margin-left:0}to{margin-left:100%}}@keyframes marquee_body{0%{margin-left:0}to{margin-left:-100%}}@keyframes scrollUp{0%{visibility:visible;transform:translateY(var(--scrollUpStartTranslateY, 1.5em))}to{transform:translateY(var(--scrollUpEndTranslateY, -3em))}}@keyframes scrollDown{0%{visibility:visible;transform:translateY(var(--scrollUpEndTranslateY, -3em))}to{transform:translateY(var(--scrollUpStartTranslateY, 1.5em))}}.default-animation-in-text{opacity:var(--animation-opacity);animation:var(--animation-name) var(--animation-duration) var(--animation-timing) 0s var(--anmIterationCount) normal}.sample-content-top{margin:0;background-color:#00f;color:#ff0;overflow:hidden;visibility:hidden}.sample-animation-in-text{opacity:var(--animation-opacity);animation:scrollToLeft 15s var(--animation-timing) 0s var(--anmIterationCount) normal}@keyframes zoomIn{0%{visibility:visible;transform:scale(.8)}to{transform:scale(3.5)}}/*!**縮小 *!*/@keyframes zoomOut{0%{visibility:visible;transform:scale(3.5)}to{transform:scale(.1)}}@keyframes fadeIn{0%{visibility:visible;opacity:0}to{opacity:1}}@keyframes fadeOut{0%{visibility:visible;opacity:1}to{opacity:0}}
