.zuza- {
	--a: 2s;
        --b: 0.5;
	--speed: calc( var(--a) * var(--b));
　　　　
	
	display: flex;
	position: relative;
	overflow: hidden;
　　　　}
.zuza- > .content {
	animation: zuza- var(--speed)/*アニメの長さ*/ cubic-bezier(0.75, 0.24, 0.41, 2) infinite;/*infinity無限*/
	position: relative;
                   }

@keyframes zuza- {



	0% {         color: black;left: 100%;font-size: 100% }
	100% {         color: yellow;left:  0%;font-size: 100% }

/*
	0% {         color: black;left: 100%;font-size: 500% }
        25% {         color: red;left: 75%;font-size: 25% }
        50% {         color: blue;left:   50%;font-size: 500% }
        75% {         color: red;left: 100%;font-size: 25% }
	100% {         color: yellow;left:  0%;font-size: 500% }
*/                  }

details {
	--usui-color: rgba(255,0,0,0.3);<!-- ーーで名前の宣言←大事！ -->
	display: flex;
	justify-content: flex-end;
	position: relative;
         }
summary {
	background-color: var(--usui-color);<!--バーの色 -->
         }
details > div {
	background-color: var(--usui-color);
	display: flex;
	flex-direction: column;
	right: 0%;
	position: absolute;
               }
a {
	color: white;
   }