:root {
	--duration: 45s;
	--durationNum: -45s;
	--duration: 60s;
}
.mvbg p {animation-duration: var(--duration);}
#top .mv .bg .rotate{
	/* opacity: 0.8; */
	opacity: 0.9;
}

/* 配色設定 */
.color{animation: color infinite;}

/* アニメーション遅延効果 */
.slow{animation-timing-function: ease-in;}
.fast{animation-timing-function: ease-out;}
	
/* 初期スタート設定 */
.cl01	{animation-delay: calc(var(--durationNum) *	0.0000	);}
.cl02	{animation-delay: calc(var(--durationNum) *	0.0100	);}
.cl03	{animation-delay: calc(var(--durationNum) *	0.0200	);}
.cl04	{animation-delay: calc(var(--durationNum) *	0.0300	);}
.cl05	{animation-delay: calc(var(--durationNum) *	0.0400	);}
.cl06	{animation-delay: calc(var(--durationNum) *	0.0500	);}
.cl07	{animation-delay: calc(var(--durationNum) *	0.0600	);}
.cl08	{animation-delay: calc(var(--durationNum) *	0.0700	);}
.cl09	{animation-delay: calc(var(--durationNum) *	0.0800	);}
.cl10	{animation-delay: calc(var(--durationNum) *	0.0900	);}
.cl11	{animation-delay: calc(var(--durationNum) *	0.1000	);}
.cl12	{animation-delay: calc(var(--durationNum) *	0.1100	);}
.cl13	{animation-delay: calc(var(--durationNum) *	0.1200	);}
.cl14	{animation-delay: calc(var(--durationNum) *	0.1300	);}
.cl15	{animation-delay: calc(var(--durationNum) *	0.1400	);}
.cl16	{animation-delay: calc(var(--durationNum) *	0.1500	);}
.cl17	{animation-delay: calc(var(--durationNum) *	0.1600	);}
.cl18	{animation-delay: calc(var(--durationNum) *	0.1700	);}
.cl19	{animation-delay: calc(var(--durationNum) *	0.1800	);}
.cl20	{animation-delay: calc(var(--durationNum) *	0.1900	);}
.cl21	{animation-delay: calc(var(--durationNum) *	0.2000	);}
.cl22	{animation-delay: calc(var(--durationNum) *	0.2100	);}
.cl23	{animation-delay: calc(var(--durationNum) *	0.2200	);}
.cl24	{animation-delay: calc(var(--durationNum) *	0.2300	);}
.cl25	{animation-delay: calc(var(--durationNum) *	0.2400	);}
.cl26	{animation-delay: calc(var(--durationNum) *	0.2500	);}
.cl27	{animation-delay: calc(var(--durationNum) *	0.2600	);}
.cl28	{animation-delay: calc(var(--durationNum) *	0.2700	);}
.cl29	{animation-delay: calc(var(--durationNum) *	0.2800	);}
.cl30	{animation-delay: calc(var(--durationNum) *	0.2900	);}
.cl31	{animation-delay: calc(var(--durationNum) *	0.3000	);}
.cl32	{animation-delay: calc(var(--durationNum) *	0.3100	);}
.cl33	{animation-delay: calc(var(--durationNum) *	0.3200	);}
.cl34	{animation-delay: calc(var(--durationNum) *	0.3300	);}
.cl35	{animation-delay: calc(var(--durationNum) *	0.3400	);}
.cl36	{animation-delay: calc(var(--durationNum) *	0.3500	);}
.cl37	{animation-delay: calc(var(--durationNum) *	0.3600	);}
.cl38	{animation-delay: calc(var(--durationNum) *	0.3700	);}
.cl39	{animation-delay: calc(var(--durationNum) *	0.3800	);}
.cl40	{animation-delay: calc(var(--durationNum) *	0.3900	);}
.cl41	{animation-delay: calc(var(--durationNum) *	0.4000	);}
.cl42	{animation-delay: calc(var(--durationNum) *	0.4100	);}
.cl43	{animation-delay: calc(var(--durationNum) *	0.4200	);}
.cl44	{animation-delay: calc(var(--durationNum) *	0.4300	);}
.cl45	{animation-delay: calc(var(--durationNum) *	0.4400	);}
.cl46	{animation-delay: calc(var(--durationNum) *	0.4500	);}
.cl47	{animation-delay: calc(var(--durationNum) *	0.4600	);}
.cl48	{animation-delay: calc(var(--durationNum) *	0.4700	);}
.cl49	{animation-delay: calc(var(--durationNum) *	0.4800	);}
.cl50	{animation-delay: calc(var(--durationNum) *	0.4900	);}
.cl51	{animation-delay: calc(var(--durationNum) *	0.5000	);}
.cl52	{animation-delay: calc(var(--durationNum) *	0.5100	);}
.cl53	{animation-delay: calc(var(--durationNum) *	0.5200	);}
.cl54	{animation-delay: calc(var(--durationNum) *	0.5300	);}
.cl55	{animation-delay: calc(var(--durationNum) *	0.5400	);}
.cl56	{animation-delay: calc(var(--durationNum) *	0.5500	);}
.cl57	{animation-delay: calc(var(--durationNum) *	0.5600	);}
.cl58	{animation-delay: calc(var(--durationNum) *	0.5700	);}
.cl59	{animation-delay: calc(var(--durationNum) *	0.5800	);}
.cl60	{animation-delay: calc(var(--durationNum) *	0.5900	);}
.cl61	{animation-delay: calc(var(--durationNum) *	0.6000	);}
.cl62	{animation-delay: calc(var(--durationNum) *	0.6100	);}
.cl63	{animation-delay: calc(var(--durationNum) *	0.6200	);}
.cl64	{animation-delay: calc(var(--durationNum) *	0.6300	);}
.cl65	{animation-delay: calc(var(--durationNum) *	0.6400	);}
.cl66	{animation-delay: calc(var(--durationNum) *	0.6500	);}
.cl67	{animation-delay: calc(var(--durationNum) *	0.6600	);}
.cl68	{animation-delay: calc(var(--durationNum) *	0.6700	);}
.cl69	{animation-delay: calc(var(--durationNum) *	0.6800	);}
.cl70	{animation-delay: calc(var(--durationNum) *	0.6900	);}
.cl71	{animation-delay: calc(var(--durationNum) *	0.7000	);}
.cl72	{animation-delay: calc(var(--durationNum) *	0.7100	);}
.cl73	{animation-delay: calc(var(--durationNum) *	0.7200	);}
.cl74	{animation-delay: calc(var(--durationNum) *	0.7300	);}
.cl75	{animation-delay: calc(var(--durationNum) *	0.7400	);}
.cl76	{animation-delay: calc(var(--durationNum) *	0.7500	);}
.cl77	{animation-delay: calc(var(--durationNum) *	0.7600	);}
.cl78	{animation-delay: calc(var(--durationNum) *	0.7700	);}
.cl79	{animation-delay: calc(var(--durationNum) *	0.7800	);}
.cl80	{animation-delay: calc(var(--durationNum) *	0.7900	);}
.cl81	{animation-delay: calc(var(--durationNum) *	0.8000	);}
.cl82	{animation-delay: calc(var(--durationNum) *	0.8100	);}
.cl83	{animation-delay: calc(var(--durationNum) *	0.8200	);}
.cl84	{animation-delay: calc(var(--durationNum) *	0.8300	);}
.cl85	{animation-delay: calc(var(--durationNum) *	0.8400	);}
.cl86	{animation-delay: calc(var(--durationNum) *	0.8500	);}
.cl87	{animation-delay: calc(var(--durationNum) *	0.8600	);}
.cl88	{animation-delay: calc(var(--durationNum) *	0.8700	);}
.cl89	{animation-delay: calc(var(--durationNum) *	0.8800	);}
.cl90	{animation-delay: calc(var(--durationNum) *	0.8900	);}
.cl91	{animation-delay: calc(var(--durationNum) *	0.9000	);}
.cl92	{animation-delay: calc(var(--durationNum) *	0.9100	);}
.cl93	{animation-delay: calc(var(--durationNum) *	0.9200	);}
.cl94	{animation-delay: calc(var(--durationNum) *	0.9300	);}
.cl95	{animation-delay: calc(var(--durationNum) *	0.9400	);}
.cl96	{animation-delay: calc(var(--durationNum) *	0.9500	);}
.cl97	{animation-delay: calc(var(--durationNum) *	0.9600	);}
.cl98	{animation-delay: calc(var(--durationNum) *	0.9700	);}
.cl99	{animation-delay: calc(var(--durationNum) *	0.9800	);}
.cl100	{animation-delay: calc(var(--durationNum) *	0.9900	);}
.cl101	{animation-delay: calc(var(--durationNum) *	1.0000	);}

@keyframes color {
	0.00% {	background-color: #0699d9	;}
	8.33% {	background-color: #f1f9fd	;}
	16.67% {	background-color: #c9c8ca	;}
	25.00% {	background-color: #ecf5f0	;}
	33.33% {	background-color: #1fb253	;}
	41.67% {	background-color: #fee792	;}
	50.00% {	background-color: #f2981f	;}
	58.33% {	background-color: #fcefe8	;}
	66.67% {	background-color: #f18e83	;}
	75.00% {	background-color: #fff7f3	;}
	83.33% {	background-color: #ee93bb	;}
	91.67% {	background-color: #fbecf3 ;}
	100.00% {	background-color: #0699d9	;}
}