.sun_dyn{
    position: absolute;
	color:white;
}
.sun{
	width: 60px;  /* 横幅を60pxに */
	position:absolute;
	left:-30px;
	/*filter: drop-shadow(0 0 15px #fff);*/
}

.moon_dyn{
    position: absolute;
	color:white;
}

.moon{
	width: 40px;  /* 横幅を40pxに */
	position:absolute;
	left:-20px;
}


@keyframes sun_0 {
	0%{   right: -25%;top:125%; }   /* 真夜中 */
	29%{  right: 0%;top:70%;    }  /* 日出★ */
	49.5%{right: 50%;top:40%;}
	70%{  right: 100%;top:70%;  }  /* 日入★ */
	100%{ right: 125%;top:125%;  } /* 真夜中 */
}

@keyframes sun_1 {
	0%{   right: -25%;top:125%; }   /* 真夜中 */
	29%{  right: 0%;top:70%;    }  /* 日出★ */
	50.5%{right: 50%;top:36%;}
	72%{  right: 100%;top:70%;  }  /* 日入★ */
	100%{ right: 125%;top:125%;  } /* 真夜中 */
}

@keyframes sun_2 {
	0%{   right: -25%;top:125%; }   /* 真夜中 */
	27%{  right: 0%;top:70%;    }  /* 日出★ */
	50.5%{right: 50%;top:32%;}
	74%{  right: 100%;top:70%;  }  /* 日入★ */
	100%{ right: 125%;top:125%;  } /* 真夜中 */
}

@keyframes sun_3 {
	0%{   right: -25%;top:125%; }   /* 真夜中 */
	24%{  right: 0%;top:70%;    }  /* 日出★ */
	49.5%{right: 50%;top:28%;}
	75%{  right: 100%;top:70%;  }  /* 日入★ */
	100%{ right: 125%;top:125%;  } /* 真夜中 */
}

@keyframes sun_4 {
	0%{   right: -25%;top:125%; }   /* 真夜中 */
	21%{  right: 0%;top:70%;    }  /* 日出★ */
	49%{right: 50%;top:24%;}
	77%{  right: 100%;top:70%;  }  /* 日入★ */
	100%{ right: 125%;top:125%;  } /* 真夜中 */
}

@keyframes sun_5 {
	0%{   right: -25%;top:125%; }   /* 真夜中 */
	20%{  right: 0%;top:70%;    }  /* 日出★ */
	49.5%{right: 50%;top:20%;}
	79%{  right: 100%;top:70%;  }  /* 日入★ */
	100%{ right: 125%;top:125%;  } /* 真夜中 */
}

@keyframes sun_6 {
	0%{   right: -25%;top:125%; }   /* 真夜中 */
	20%{  right: 0%;top:70%;    }  /* 日出★ */
	49.5%{right: 50%;top:24%;}
	79%{  right: 100%;top:70%;  }  /* 日入★ */
	100%{ right: 125%;top:125%;  } /* 真夜中 */
}

@keyframes sun_7 {
	0%{   right: -25%;top:125%; }   /* 真夜中 */
	21%{  right: 0%;top:70%;    }  /* 日出★ */
	50%{right: 50%;top:28%;}
	79%{  right: 100%;top:70%;  }  /* 日入★ */
	100%{ right: 125%;top:125%;  } /* 真夜中 */
}

@keyframes sun_8 {
	0%{   right: -25%;top:125%; }   /* 真夜中 */
	23%{  right: 0%;top:70%;    }  /* 日出★ */
	49.5%{right: 50%;top:32%;}
	76%{  right: 100%;top:70%;  }  /* 日入★ */
	100%{ right: 125%;top:125%;  } /* 真夜中 */
}

@keyframes sun_9 {
	0%{   right: -25%;top:125%; }   /* 真夜中 */
	29%{  right: 0%;top:70%;    }  /* 日出★ */
	49.5%{right: 50%;top:36%;}
	70%{  right: 100%;top:70%;  }  /* 日入★ */
	100%{ right: 125%;top:125%;  } /* 真夜中 */
}

@keyframes sun_10 {
	0%{   right: -25%;top:125%; }   /* 真夜中 */
	26%{  right: 0%;top:70%;    }  /* 日出★ */
	48%{right: 50%;top:40%;}
	70%{  right: 100%;top:70%;  }  /* 日入★ */
	100%{ right: 125%;top:125%;  } /* 真夜中 */
}

@keyframes sun_11 {
	0%{   right: -25%;top:125%; }   /* 真夜中 */
	28%{  right: 0%;top:70%;    }  /* 日出★ */
	48.5%{right: 50%;top:44%;}
	69%{  right: 100%;top:70%;  }  /* 日入★ */
	100%{ right: 125%;top:125%;  } /* 真夜中 */
}



@keyframes moon_0 {
	0%{   right: 50.85%;top:20%; }   /* 真夜中 */
	29%{  right: 100%;top:70%;   }  /* 日出★ */
	50%{  right: 125%;top:125%;   }
	55%{  right: -25%;top:125%;   }
	70%{  right: 0%;top:70%;     }  /* 日入★ */
	100%{ right: 50.85%;top:20%; } /* 真夜中 */
}


@keyframes moon_1 {
	0%{   right: 49.12%;top:20%; }   /* 真夜中 */
	29%{  right: 100%;top:70%;   }  /* 日出★ */
	50%{  right: 125%;top:125%;   }
	55%{  right: -25%;top:125%;   }
	72%{  right: 0%;top:70%;     }  /* 日入★ */
	100%{ right: 49.12%;top:20%; } /* 真夜中 */
}

@keyframes moon_2 {
	0%{   right: 49.06%;top:20%; }   /* 真夜中 */
	27%{  right: 100%;top:70%;   }  /* 日出★ */
	50%{  right: 125%;top:125%;   }
	55%{  right: -25%;top:125%;   }
	74%{  right: 0%;top:70%;     }  /* 日入★ */
	100%{ right: 49.06%;top:20%; } /* 真夜中 */
}

@keyframes moon_3 {
	0%{   right: 51.02%;top:20%; }   /* 真夜中 */
	24%{  right: 100%;top:70%;   }  /* 日出★ */
	50%{  right: 125%;top:125%;   }
	55%{  right: -25%;top:125%;   }
	75%{  right: 0%;top:70%;     }  /* 日入★ */
	100%{ right: 51.02%;top:20%; } /* 真夜中 */
}

@keyframes moon_4 {
	0%{   right: 52.27%;top:20%; }   /* 真夜中 */
	21%{  right: 100%;top:70%;   }  /* 日出★ */
	50%{  right: 125%;top:125%;   }
	55%{  right: -25%;top:125%;   }
	77%{  right: 0%;top:70%;     }  /* 日入★ */
	100%{ right: 52.27%;top:20%; } /* 真夜中 */
}

@keyframes moon_5 {
	0%{   right: 51.22%;top:20%; }   /* 真夜中 */
	20%{  right: 100%;top:70%;   }  /* 日出★ */
	50%{  right: 125%;top:125%;   }
	55%{  right: -25%;top:125%;   }
	79%{  right: 0%;top:70%;     }  /* 日入★ */
	100%{ right: 51.22%;top:20%; } /* 真夜中 */
}

@keyframes moon_6 {
	0%{   right: 51.22%;top:20%; }   /* 真夜中 */
	20%{  right: 100%;top:70%;   }  /* 日出★ */
	50%{  right: 125%;top:125%;   }
	55%{  right: -25%;top:125%;   }
	79%{  right: 0%;top:70%;     }  /* 日入★ */
	100%{ right: 51.22%;top:20%; } /* 真夜中 */
}

@keyframes moon_7 {
	0%{   right: 50%;top:20%;   }   /* 真夜中 */
	21%{  right: 100%;top:70%;  }  /* 日出★ */
	50%{  right: 125%;top:125%;   }
	55%{  right: -25%;top:125%;   }
	79%{  right: 0%;top:70%;    }  /* 日入★ */
	100%{ right: 50%;top:20%;   } /* 真夜中 */
}

@keyframes moon_8 {
	0%{   right: 51.06%;top:20%; }   /* 真夜中 */
	23%{  right: 100%;top:70%;   }  /* 日出★ */
	50%{  right: 125%;top:125%;  }
	55%{  right: -25%;top:125%;  }
	76%{  right: 0%;top:70%;     }  /* 日入★ */
	100%{ right: 51.06%;top:20%; } /* 真夜中 */
}

@keyframes moon_9 {
	0%{   right: 50.85%;top:20%; }   /* 真夜中 */
	29%{  right: 100%;top:70%;   }  /* 日出★ */
	50%{  right: 125%;top:125%;   }
	55%{  right: -25%;top:125%;   }
	70%{  right: 0%;top:70%;     }  /* 日入★ */
	100%{ right: 50.85%;top:20%; } /* 真夜中 */
}

@keyframes moon_10 {
	0%{   right: 53.57%;top:20%; }   /* 真夜中 */
	26%{  right: 100%;top:70%;   }  /* 日出★ */
	50%{  right: 125%;top:125%;   }
	55%{  right: -25%;top:125%;   }
	70%{  right: 0%;top:70%;     }  /* 日入★ */
	100%{ right: 53.57%;top:20%; } /* 真夜中 */
}

@keyframes moon_11 {
	0%{   right: 52.54%;top:20%; }   /* 真夜中 */
	28%{  right: 100%;top:70%;   }  /* 日出★ */
	50%{  right: 125%;top:125%;   }
	55%{  right: -25%;top:125%;   }
	69%{  right: 0%;top:70%;     }  /* 日入★ */
	100%{ right: 52.54%;top:20%; } /* 真夜中 */
}